interim fix for drop downs
This commit is contained in:
Mark Gregory
+126
-195
@@ -1410,199 +1410,130 @@ html[data-wms-sidebar="collapsed"] .wms-sidebar {
|
||||
}
|
||||
|
||||
|
||||
|
||||
@layer components {
|
||||
.wms-select2-field .select2-container {
|
||||
width: 100% !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single {
|
||||
position: relative;
|
||||
min-height: 2.75rem;
|
||||
border: 1px solid rgb(212 212 216);
|
||||
border-radius: 0.85rem;
|
||||
background: linear-gradient(180deg, rgb(255 255 255), rgb(250 250 250));
|
||||
box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
|
||||
transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
min-height: 2.75rem;
|
||||
padding-left: 0.95rem;
|
||||
padding-right: 3rem;
|
||||
color: rgb(24 24 27);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 650;
|
||||
line-height: 2.75rem;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(113 113 122);
|
||||
font-weight: 550;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__clear {
|
||||
position: absolute;
|
||||
right: 2.6rem;
|
||||
top: 0.62rem;
|
||||
z-index: 2;
|
||||
width: 1.35rem;
|
||||
height: 1.35rem;
|
||||
border-radius: 999px;
|
||||
color: rgb(113 113 122);
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__clear:hover {
|
||||
background: rgb(244 244 245);
|
||||
color: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
top: 0.45rem;
|
||||
right: 0.55rem;
|
||||
width: 1.85rem;
|
||||
height: 1.85rem;
|
||||
border-radius: 0.65rem;
|
||||
background: rgb(244 244 245);
|
||||
border: 1px solid rgb(228 228 231);
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: rgb(82 82 91) transparent transparent transparent;
|
||||
border-width: 5px 4px 0 4px;
|
||||
margin-left: -4px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: transparent transparent rgb(82 82 91) transparent;
|
||||
border-width: 0 4px 5px 4px;
|
||||
}
|
||||
|
||||
.wms-select2-field .select2-container--default.select2-container--focus .select2-selection--single,
|
||||
.wms-select2-field .select2-container--default.select2-container--open .select2-selection--single {
|
||||
border-color: rgb(22 163 74);
|
||||
background: white;
|
||||
box-shadow: 0 0 0 4px rgb(34 197 94 / 0.14), 0 10px 24px rgb(15 23 42 / 0.08);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-dropdown {
|
||||
overflow: hidden;
|
||||
margin-top: 0.35rem;
|
||||
border: 1px solid rgb(212 212 216);
|
||||
border-radius: 1rem;
|
||||
background: white;
|
||||
box-shadow: 0 24px 60px rgb(15 23 42 / 0.18);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgb(244 244 245);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
min-height: 2.5rem;
|
||||
border: 1px solid rgb(212 212 216);
|
||||
border-radius: 0.75rem;
|
||||
padding: 0.55rem 0.8rem;
|
||||
background: rgb(250 250 250);
|
||||
color: rgb(24 24 27);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
|
||||
border-color: rgb(22 163 74);
|
||||
background: white;
|
||||
box-shadow: 0 0 0 4px rgb(34 197 94 / 0.14);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results > .select2-results__options {
|
||||
max-height: 16rem;
|
||||
padding: 0.35rem;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option {
|
||||
margin: 0.1rem 0;
|
||||
border-radius: 0.65rem;
|
||||
padding: 0.65rem 0.8rem;
|
||||
color: rgb(39 39 42);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
||||
background: rgb(22 163 74);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--selected {
|
||||
background: rgb(240 253 244);
|
||||
color: rgb(21 128 61);
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single {
|
||||
border-color: rgb(63 63 70);
|
||||
background: linear-gradient(180deg, rgb(24 24 27), rgb(9 9 11));
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(161 161 170);
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: rgb(212 212 216) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: transparent transparent rgb(212 212 216) transparent;
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default.select2-container--focus .select2-selection--single,
|
||||
.dark .wms-select2-field .select2-container--default.select2-container--open .select2-selection--single {
|
||||
border-color: rgb(34 197 94);
|
||||
background: rgb(9 9 11);
|
||||
box-shadow: 0 0 0 4px rgb(34 197 94 / 0.16);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-dropdown {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(24 24 27);
|
||||
color: rgb(244 244 245);
|
||||
box-shadow: 0 24px 60px rgb(0 0 0 / 0.35);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-search--dropdown {
|
||||
border-bottom-color: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-results__option {
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-results__option--selected {
|
||||
background: rgb(20 83 45);
|
||||
color: rgb(220 252 231);
|
||||
}
|
||||
/* Company country Select2 */
|
||||
.wms-country-select + .select2-container {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single {
|
||||
height: 3rem;
|
||||
min-height: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0.75rem;
|
||||
border: 1px solid rgb(212 212 216);
|
||||
background: rgb(255 255 255);
|
||||
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 3rem;
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
padding-right: 2.75rem;
|
||||
color: rgb(24 24 27);
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(113 113 122);
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(161 161 170);
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__arrow {
|
||||
height: 3rem;
|
||||
right: 0.75rem;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: rgb(113 113 122) transparent transparent transparent;
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__clear {
|
||||
order: 2;
|
||||
margin-right: 0.5rem;
|
||||
color: rgb(113 113 122);
|
||||
font-size: 1.125rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container.select2-container--focus .select2-selection--single,
|
||||
.wms-country-select + .select2-container.select2-container--open .select2-selection--single {
|
||||
border-color: rgb(59 130 246);
|
||||
box-shadow: 0 0 0 3px rgb(59 130 246 / 0.28);
|
||||
}
|
||||
|
||||
.select2-container--open .select2-dropdown {
|
||||
border: 1px solid rgb(63 63 70);
|
||||
border-radius: 0.875rem;
|
||||
overflow: hidden;
|
||||
background: rgb(255 255 255);
|
||||
box-shadow: 0 20px 35px -15px rgb(0 0 0 / 0.45);
|
||||
}
|
||||
|
||||
.dark .select2-container--open .select2-dropdown {
|
||||
background: rgb(24 24 27);
|
||||
border-color: rgb(63 63 70);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgb(228 228 231);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-search--dropdown {
|
||||
border-bottom-color: rgb(63 63 70);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
min-height: 2.5rem;
|
||||
border-radius: 0.75rem;
|
||||
border: 1px solid rgb(212 212 216);
|
||||
padding: 0.5rem 0.75rem;
|
||||
color: rgb(24 24 27);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option {
|
||||
padding: 0.7rem 0.9rem;
|
||||
font-size: 0.875rem;
|
||||
color: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-results__option {
|
||||
color: rgb(228 228 231);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background: rgb(37 99 235);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--selected,
|
||||
.select2-container--default .select2-results__option[aria-selected="true"] {
|
||||
background: rgb(22 101 52);
|
||||
color: white;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user