composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 10:38:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°8955 New UIBlocks for setup

Browse Source
This commit is contained in:
Timothee
2026-01-15 11:33:17 +01:00
parent 8bacd62467
commit 43f9aaf55f
13 changed files with 315 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/_badge.scss
View File

@@ -24,6 +24,8 @@ $ibo-badge-colors: (
.ibo-badge {
display: inline-block;
white-space: nowrap;
padding : $ibo-badge--padding-y $ibo-badge--padding-x;
border-radius : $ibo-badge--border-radius;
@extend %ibo-font-ral-med-50;

9
css/backoffice/components/input/_input-toggler.scss
View File

@@ -8,6 +8,7 @@ $ibo-toggler--wrapper--height: 20px !default;
$ibo-toggler--slider--border-radius: $ibo-border-radius-900 !default;
$ibo-toggler--slider--background-color: $ibo-color-secondary-600 !default;
$ibo-toggler--slider--disabled--background-color: $ibo-color-secondary-200 !default;
$ibo-toggler--slider--before--left: 3px !default;
$ibo-toggler--slider--before--bottom: 3px !default;
@@ -17,6 +18,7 @@ $ibo-toggler--slider--before--border-radius: $ibo-border-radius-full !default;
$ibo-toggler--slider--before--background-color: $ibo-color-grey-100 !default;
$ibo-toggler--slider--checked--background-color: $ibo-color-primary-600 !default;
$ibo-toggler--slider--checked-disabled--background-color: $ibo-color-primary-200 !default;
$ibo-toggler--slider--focus--box-shadow: 0 0 1px $ibo-color-primary-600 !default;
$ibo-toggler--label--margin-left: 4px !default;
@@ -61,6 +63,13 @@ $ibo-toggler--label--margin-left: 4px !default;
background-color: $ibo-toggler--slider--checked--background-color;
}
.ibo-toggler--wrapper input:disabled + .ibo-toggler--slider {
background-color: $ibo-toggler--slider--disabled--background-color;
}
.ibo-toggler--wrapper input:checked:disabled + .ibo-toggler--slider {
background-color: $ibo-toggler--slider--checked-disabled--background-color;
}
input:focus + .ibo-toggler--slider {
box-shadow: $ibo-toggler--slider--focus--box-shadow;
}

30
css/backoffice/layout/extension/_extension-details.scss
View File

@@ -1,13 +1,39 @@
.ibo-extension-details{
display:flex;
display:inline-flex;
flex-direction : row;
justify-content: space-between;
align-items: center;
width:300px;
width:450px;
}
.ibo-extension-details--information{
flex-grow:1;
display:flex;
flex-direction : column;
}
.ibo-extension-details--actions{
display:flex;
}
.ibo-extension-details--information--label{
@extend %ibo-font-ral-med-150;
}
.ibo-extension-details--information--metadata{
@extend %ibo-font-ral-med-100;
color:$ibo-color-grey-700;
}
.ibo-extension-details--information--description{
@extend %ibo-font-ral-med-100;
}
.ibo-extension-details--information--metadata span + span:before{
content: " - ";
}
.ibo-extension-details:has(input:checked) .ibo-badge.unchecked, .ibo-extension-details:has(input:not(:checked)) .ibo-badge.checked{
display:none;
}
.ibo-extension-details--actions > button{
position:relative;
top:-3px;
}