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°4315 - Cleanup in SCSS

Browse Source
This commit is contained in:
Molkobain
2021-09-29 14:21:24 +02:00
parent b1597f7d90
commit 1db32c6dee
6 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/backoffice/components/_field.scss
View File

@@ -23,7 +23,11 @@ $ibo-field--fullscreen-toggler--size: 20px !default;
$ibo-field--fullscreen-toggler--border-radius: $ibo-border-radius-500 !default;
$ibo-field--fullscreen-toggler--background-color--on-hover: $ibo-color-white-200 !default;
$ibo-field--comments--size: 5em !default;
$ibo-field--comments--font-size: $ibo-font-size-150 !default;
$ibo-field--value--scrollbar-track-background-color: $ibo-color-white-200 !default;
$ibo-field--value--margin-top--for-large: 2px !default;
$ibo-field--value--padding-x--is-fullscreen: $ibo-field--label--padding-x--is-fullscreen !default;
$ibo-field--value--padding-top--is-fullscreen: $ibo-field--label--padding-y--is-fullscreen + 32px !default;
$ibo-field--value--padding-bottom--is-fullscreen: $ibo-field--label--padding-y--is-fullscreen !default;
@@ -88,6 +92,10 @@ $ibo-field--enable-bulk--checkbox--margin-left: 8px !default;
width: 30%;
}
.ibo-field--value {
margin-top: $ibo-field--value--margin-top--for-large; /* Mostly used to have a clear separation from elements in .ibo-field--comments */
}
/* N°4318 - Visible scrollbar background for large fields overflowing to ease "limits" visualization by the user */
.ibo-field--value > * {
--ibo-scrollbar--scrollbar-track-background-color: $ibo-field--value--scrollbar-track-background-color;
@@ -178,19 +186,19 @@ $ibo-field--enable-bulk--checkbox--margin-left: 8px !default;
.ibo-field--label > .ibo-field--comments {
flex: auto;
padding-bottom: 2px;
}
/* For log fields in the bulk operation screens */
.ibo-fieldset-legend > .ibo-field--comments {
display: contents;
padding-bottom: 2px;
font-size: $ibo-font-size-150;
padding-bottom: $ibo-field--value--margin-top--for-large;
font-size: $ibo-field--comments--font-size;
}
.ibo-field--comments {
display: table-cell;
vertical-align: top;
width: 5em;
width: $ibo-field--comments--size; /* Ensure that inputs have all the same width (this is due to the of display table / table-cell) */
> input[type="checkbox"] {
margin-left: 5px;
@@ -236,6 +244,6 @@ $ibo-field--enable-bulk--checkbox--margin-left: 8px !default;
margin-left: $ibo-field--enable-bulk--checkbox--margin-left;
}
.form_field ~ .form_field {
.form_field ~ .form_field {
margin-top: $ibo-field--sibling-spacing;
}

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

@@ -18,7 +18,7 @@ $ibo-fieldset--legend--border-bottom-style: solid !default;
}
}
.ibo-multi-column & ~ .ibo-fieldset {
.ibo-multi-column ~ .ibo-fieldset {
margin-top: $ibo-fieldset--sibling-spacing;
}

4
css/backoffice/pages/_base.scss
View File

@@ -75,8 +75,4 @@ body{
padding-top: $ibo-main-content--padding-top;
padding-bottom: $ibo-main-content--padding-bottom;
overflow: auto; /* For scroll to happen in the main content instead of the center content */
}
.ui-dialog, .ui-dialog-content {
box-sizing: content-box;
}

2
css/backoffice/vendors/_jqueryui.scss vendored
View File

@@ -66,6 +66,7 @@ $ibo-vendors-jqueryui--ui-slider--ui-slider-handle--hover--border-color: $ibo-co
// Tabs
.ui-dialog{
box-sizing: content-box; /* Necessary to overload our theme default setting */
display: flex;
flex-direction: column;
position: absolute;
@@ -104,6 +105,7 @@ $ibo-vendors-jqueryui--ui-slider--ui-slider-handle--hover--border-color: $ibo-co
height: 20px;
}
.ui-dialog-content {
box-sizing: content-box; /* Necessary to overload our theme default setting */
position: relative;
padding: $ibo-vendors-jqueryui--ui-dialog-content--padding-y $ibo-vendors-jqueryui--ui-dialog-content--padding-x;
overflow: auto;