82 lines
1.6 KiB
SCSS
82 lines
1.6 KiB
SCSS
|
|
||
|
|
/**
|
||
|
|
* Custom text combo styles
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import "../old_elements/elements-sprite";
|
||
|
|
@import "../old_common/mixins";
|
||
|
|
|
||
|
|
.select2-container:hover .select2-choice {
|
||
|
|
border-color: #7E7E7E !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Choice
|
||
|
|
.form_custom_text_combo {
|
||
|
|
|
||
|
|
// Select2 choice with option selected icon
|
||
|
|
|
||
|
|
.select2-container .select2-choice > div {
|
||
|
|
width: 22px;
|
||
|
|
|
||
|
|
b {
|
||
|
|
@include elements-sprite(custom_text_combo_icons, $offset-x: 1px, $offset-y: 2px);
|
||
|
|
opacity: 0.5;
|
||
|
|
|
||
|
|
&::after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&::before {
|
||
|
|
top: 3px;
|
||
|
|
left: 0;
|
||
|
|
width: 1px;
|
||
|
|
height: 12px;
|
||
|
|
border: 0;
|
||
|
|
background: #CFCFCF;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-container .select2-choice .combo-option-icon b {
|
||
|
|
@include elements-sprite(custom_text_combo_icons, $offset-x: 1px, $offset-y: 2px);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-container .select2-choice .free-text-icon b {
|
||
|
|
@include elements-sprite(custom_text_combo_icons, $offset-x: 1px, $offset-y: -19px);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Dropdown list
|
||
|
|
.custom_text_combo {
|
||
|
|
.select2-text {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
height: 30px;
|
||
|
|
padding: 0 7px;
|
||
|
|
border-top: 1px solid #B5B4B4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-input-free {
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
color: #397EB9;
|
||
|
|
font-family: Arial;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-icon {
|
||
|
|
@include elements-sprite(custom_text_combo_icons, $offset-x: -4px);
|
||
|
|
width: 13px;
|
||
|
|
height: 12px;
|
||
|
|
|
||
|
|
&.select2-text-icon {
|
||
|
|
@include elements-sprite(custom_text_combo_icons, $offset-x: -4px, $offset-y: -23px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|