64 lines
1.5 KiB
SCSS
64 lines
1.5 KiB
SCSS
|
.selectbox {
|
||
|
|
border-radius: 3px !important;
|
||
|
|
min-height: 29px !important;
|
||
|
|
border-color: #D9D9D9;
|
||
|
|
|
||
|
|
&__input {
|
||
|
|
width: 100%;
|
||
|
|
border: 1px solid #d9d9d9;
|
||
|
|
border-radius: 3px;
|
||
|
|
height: 29px;
|
||
|
|
margin: 12px 0;
|
||
|
|
padding-left: 28px;
|
||
|
|
line-height: 29px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 6px center;
|
||
|
|
background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="8" r="6" stroke="%23484848"/><path d="M15.1521 16.199C15.0349 16.3162 14.8874 16.3586 14.8225 16.2937L11.1181 12.5902C11.0532 12.5254 11.0956 12.3778 11.2128 12.2607L11.673 11.8006C11.7901 11.6835 11.9377 11.6411 12.0026 11.7059L15.707 15.4094C15.7719 15.4743 15.7295 15.6218 15.6123 15.7389L15.1521 16.199Z" fill="%23484848"/></svg>');
|
||
|
|
}
|
||
|
|
|
||
|
|
&--active {
|
||
|
|
border-color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__content {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__dropdown {
|
||
|
|
|
||
|
|
&-label {
|
||
|
|
font-weight: 400;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
top: 0 !important;
|
||
|
|
}
|
||
|
|
&:after {
|
||
|
|
top: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__option {
|
||
|
|
height: 22px;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 12px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__options {
|
||
|
|
max-height: 250px;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.react-dropdown-select-dropdown {
|
||
|
|
width: 240px !important;
|
||
|
|
padding: 12px 22px !important;
|
||
|
|
top: 29px !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
border: none !important;
|
||
|
|
background: #f0f0f0 !important;
|
||
|
|
max-height: unset !important;
|
||
|
|
overflow: unset !important;
|
||
|
|
}
|