mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-26 21:54:13 +01:00
- Form SDK implementation - Basic Forms - Dynamics Forms - Basic Blocks + Data Model Block - Form Compilation - Turbo integration
90 lines
2.0 KiB
SCSS
90 lines
2.0 KiB
SCSS
$select-color-item: #1da7ee;
|
|
$select-color-item-text: #fff;
|
|
$select-color-item-active-text: #fff;
|
|
$select-color-item-border: #0073bb;
|
|
$select-color-item-active: #92c836;
|
|
$select-color-item-active-border: #00578d;
|
|
$select-width-item-border: 1px;
|
|
$select-shadow-input: inset 0 1px 1px rgba(0, 0, 0, 10%) !default;
|
|
$select-shadow-input-focus: inset 0 1px 2px rgba(0, 0, 0, 15%) !default;
|
|
|
|
@import "tom-select";
|
|
@include ts-caret;
|
|
|
|
.#{$select-ns}-wrapper {
|
|
display:flex;
|
|
min-height:$select-line-height + ($select-padding-y*2) + ($select-border-width *2);
|
|
|
|
&.multi {
|
|
&.has-items .#{$select-ns}-control {
|
|
$padding-x: $select-padding-x - 3px;
|
|
|
|
padding-left: $padding-x;
|
|
|
|
--ts-pr-min: $padding-x;
|
|
}
|
|
|
|
.#{$select-ns}-control {
|
|
[data-value] {
|
|
text-shadow: 0 1px 0 rgba(0, 51, 83, 30%);
|
|
border-radius: 3px;
|
|
@include selectize-vertical-gradient(#1da7ee, #178ee9);
|
|
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 20%),inset 0 1px rgba(255, 255, 255, 3%);
|
|
|
|
&.active {
|
|
@include selectize-vertical-gradient(#008fd8, #0075cf);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.disabled .#{$select-ns}-control [data-value] {
|
|
color: #999;
|
|
text-shadow: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
|
|
&, .remove {
|
|
border-color: #e6e6e6;
|
|
}
|
|
|
|
.remove {
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.single {
|
|
.#{$select-ns}-control {
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 5%), inset 0 1px 0 rgba(255, 255, 255, 80%);
|
|
@include selectize-vertical-gradient(#fefefe, #f2f2f2);
|
|
}
|
|
}
|
|
}
|
|
|
|
.#{$select-ns}-wrapper.single .#{$select-ns}-control, .#{$select-ns}-dropdown.single {
|
|
border-color: #b8b8b8;
|
|
}
|
|
|
|
.#{$select-ns}-control {
|
|
.dropdown-active & {
|
|
border-radius: $select-border-radius $select-border-radius 0 0;
|
|
}
|
|
}
|
|
|
|
.#{$select-ns}-dropdown {
|
|
.optgroup-header {
|
|
padding-top: $select-padding-dropdown-item-y + 2px;
|
|
font-weight: bold;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.optgroup {
|
|
border-top: 1px solid $select-color-dropdown-border-top;
|
|
|
|
&:first-child {
|
|
border-top: 0 none;
|
|
}
|
|
}
|
|
}
|