mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
110 lines
3.2 KiB
SCSS
110 lines
3.2 KiB
SCSS
/*
|
|
* @copyright Copyright (C) 2010-2023 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
$ibo-vendors-selectize-input--color: $ibo-color-grey-900 !default;
|
|
$ibo-vendors-selectize-input--background-color: $ibo-color-white-100 !default;
|
|
$ibo-vendors-selectize-control--plugin-add-button--add-option--right: $ibo-spacing-0 !default;
|
|
$ibo-vendors-selectize-control--plugin-add-button--add-option--height: 100% !default;
|
|
$ibo-vendors-selectize-control--plugin-add-button--add-option--width: $ibo-size-350 !default;
|
|
$ibo-vendors-selectize-control--plugin-add-button--add-option--color: $ibo-color-grey-900 !default;
|
|
|
|
$ibo-vendors-selectize--item--icon--margin-right: $ibo-spacing-200 !default;
|
|
|
|
$ibo-vendors-selectize--item--add--background-color: $ibo-color-green-100 !default;
|
|
$ibo-vendors-selectize--item--add--icon--color: $ibo-color-green-900 !default;
|
|
|
|
$ibo-vendors-selectize--item--remove--background-color: $ibo-color-red-100 !default;
|
|
$ibo-vendors-selectize--item--remove--icon--color: $ibo-color-red-800 !default;
|
|
|
|
$ibo-vendors-selectize--item--ignore-partial--background-color: $ibo-color-grey-200 !default;
|
|
|
|
$ibo-vendors-selectize--input-error--border: 1px solid $ibo-color-red-600 !default;
|
|
|
|
.selectize-control.single .selectize-input {
|
|
box-shadow: unset;
|
|
background-color: $ibo-vendors-selectize-input--background-color;
|
|
background-image: unset;
|
|
background-repeat: unset;
|
|
}
|
|
|
|
.selectize-input,
|
|
.selectize-control.single .selectize-input.input-active {
|
|
background: unset;
|
|
background-color: $ibo-vendors-selectize-input--background-color;
|
|
cursor: text;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.selectize-control.single .selectize-input.dropdown-active:after {
|
|
margin-top: unset;
|
|
border-width: unset;
|
|
border-color: unset;
|
|
}
|
|
.selectize-control.single .selectize-input:after {
|
|
content: unset;
|
|
}
|
|
.selectize-input::after {
|
|
content: unset;
|
|
}
|
|
|
|
.selectize-input>* {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.selectize-control.single .selectize-input, .selectize-dropdown.single {
|
|
border-color: $ibo-color-grey-500;
|
|
}
|
|
|
|
.selectize-dropdown {
|
|
.selected,
|
|
.active,
|
|
.active:not(.selected){
|
|
background: #f5fafd;
|
|
color: #495c68;
|
|
}
|
|
|
|
[data-selectable],
|
|
.optgroup-header {
|
|
padding: 5px 8px;
|
|
}
|
|
|
|
.option {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
// Bulk modification: add / remove / partial items states
|
|
.selectize-input {
|
|
.attribute-set-item {
|
|
> * {
|
|
display: inline;
|
|
}
|
|
&.item-add::before,&.item-remove::before {
|
|
@extend %fa-solid-base;
|
|
margin-right: $ibo-vendors-selectize--item--icon--margin-right;
|
|
}
|
|
&.item-add {
|
|
background-color: $ibo-vendors-selectize--item--add--background-color !important;
|
|
&::before {
|
|
color: $ibo-vendors-selectize--item--add--icon--color;
|
|
content: '\f067';
|
|
}
|
|
}
|
|
&.item-remove {
|
|
background-color: $ibo-vendors-selectize--item--remove--background-color !important;
|
|
&::before {
|
|
color: $ibo-vendors-selectize--item--remove--icon--color;
|
|
content: '\f1f8';
|
|
}
|
|
}
|
|
&.item-ignore-partial {
|
|
background-color: $ibo-vendors-selectize--item--ignore-partial--background-color !important;
|
|
}
|
|
}
|
|
&.selectize-input-error {
|
|
border: $ibo-vendors-selectize--input-error--border;
|
|
}
|
|
}
|