composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°7530 - Fix selectize results not stylized properly in other themes

Browse Source
This commit is contained in:
Stephen Abello
2024-07-04 10:11:47 +02:00
parent e363692822
commit 64974a2c54
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/backoffice/vendors/_selectize.scss vendored
View File

@@ -23,6 +23,17 @@ $ibo-vendors-selectize--item--ignore-partial--background-color: $ibo-color-grey-
$ibo-vendors-selectize--input-error--border: 1px solid $ibo-color-red-600 !default;
$ibo-vendors-selectize--input--border-color: $ibo-color-grey-500 !default;
$ibo-vendors-selectize--element--active--background: $ibo-color-white-100 !default;
$ibo-vendors-selectize--element--active--color: $ibo-color-grey-500 !default;
$ibo-vendors-selectize--dropdown--background-color: $ibo-vendors-selectize-input--background-color !default;
$ibo-vendors-selectize--dropdown--color: $ibo-vendors-selectize-input--color!default;
$ibo-vendors-selectize--header--padding-x: 8px !default;
$ibo-vendors-selectize--header--padding-y: 5px !default;
.selectize-control.single .selectize-input {
box-shadow: unset;
background-color: $ibo-vendors-selectize-input--background-color;
@@ -55,20 +66,22 @@ $ibo-vendors-selectize--input-error--border: 1px solid $ibo-color-red-600 !defau
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
border-color: $ibo-color-grey-500;
border-color: $ibo-vendors-selectize--input--border-color;
}
.selectize-dropdown {
background-color: $ibo-vendors-selectize--dropdown--background-color;
color: $ibo-vendors-selectize--dropdown--color;
.selected,
.active,
.active:not(.selected){
background: #f5fafd;
color: #495c68;
background: $ibo-vendors-selectize--element--active--background;
color: $ibo-vendors-selectize--element--active--color;
}
[data-selectable],
.optgroup-header {
padding: 5px 8px;
padding: $ibo-vendors-selectize--header--padding-y $ibo-vendors-selectize--header--padding-x;
}
.option {

4
datamodels/2.x/combodo-backoffice-darkmoon-theme/scss/scss-variables.scss
View File

@@ -176,6 +176,10 @@ $ibo-input-select--action-button--color: $ibo-input-select-wrapper--after--color
$ibo-input-select-selectize--item--active--text-color: $ibo-color-grey-100;
$ibo-input-select-selectize--item--active--background-color: $ibo-color-grey-500;
$ibo-vendors-selectize-input--color: $ibo-body-text-color;
$ibo-vendors-selectize-input--background-color: $ibo-input--background-color;
$ibo-vendors-selectize--input--border-color: $ibo-input--border-color;
$ibo-vendors-selectize--element--active--background: $ibo-color-grey-400;
$ibo-vendors-selectize--element--active--color: $ibo-body-text-color;
$ibo-popover-menu--item-separator--background-color: $ibo-color-grey-500;
$ibo-popover-menu--item--text-color: $ibo-color-grey-200;