interim fix for drop downs, BROKEN FIX
This commit is contained in:
+98
-106
@@ -1410,130 +1410,122 @@ html[data-wms-sidebar="collapsed"] .wms-sidebar {
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
@layer components {
|
||||
.wms-select2-field .select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
}
|
||||
.wms-select2-field .select2-container--default .select2-selection--single {
|
||||
min-height: 2.875rem;
|
||||
border-radius: 0.75rem;
|
||||
border-color: rgb(212 212 216);
|
||||
background: white;
|
||||
box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
|
||||
transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
padding-left: 0.95rem;
|
||||
padding-right: 2.75rem;
|
||||
color: rgb(24 24 27);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
line-height: 2.875rem;
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(113 113 122);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(113 113 122);
|
||||
}
|
||||
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
top: 0.45rem;
|
||||
right: 0.65rem;
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
border-radius: 0.55rem;
|
||||
background: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.dark .wms-country-select + .select2-container .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(161 161 170);
|
||||
}
|
||||
.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(8 145 178);
|
||||
box-shadow: 0 0 0 3px rgb(103 232 249 / 0.28);
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__arrow {
|
||||
height: 3rem;
|
||||
right: 0.75rem;
|
||||
top: 0;
|
||||
}
|
||||
.select2-container--default .select2-dropdown {
|
||||
overflow: hidden;
|
||||
border-radius: 1rem;
|
||||
border-color: rgb(212 212 216);
|
||||
background: white;
|
||||
box-shadow: 0 24px 60px rgb(15 23 42 / 0.18);
|
||||
}
|
||||
|
||||
.wms-country-select + .select2-container .select2-selection--single .select2-selection__arrow b {
|
||||
border-color: rgb(113 113 122) transparent transparent transparent;
|
||||
}
|
||||
.select2-container--default .select2-search--dropdown {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-radius: 0.75rem;
|
||||
border-color: rgb(212 212 216);
|
||||
padding: 0.55rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.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--default .select2-search--dropdown .select2-search__field:focus {
|
||||
border-color: rgb(8 145 178);
|
||||
box-shadow: 0 0 0 3px rgb(103 232 249 / 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);
|
||||
}
|
||||
.select2-container--default .select2-results__option {
|
||||
padding: 0.65rem 0.85rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dark .select2-container--open .select2-dropdown {
|
||||
background: rgb(24 24 27);
|
||||
border-color: rgb(63 63 70);
|
||||
}
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
||||
background: rgb(8 145 178);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown {
|
||||
padding: 0.75rem;
|
||||
border-bottom: 1px solid rgb(228 228 231);
|
||||
}
|
||||
.select2-container--default .select2-results__option--selected {
|
||||
background: rgb(236 254 255);
|
||||
color: rgb(14 116 144);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-search--dropdown {
|
||||
border-bottom-color: rgb(63 63 70);
|
||||
}
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
}
|
||||
|
||||
.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 .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
|
||||
color: rgb(161 161 170);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option {
|
||||
padding: 0.7rem 0.9rem;
|
||||
font-size: 0.875rem;
|
||||
color: rgb(39 39 42);
|
||||
}
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
background: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-results__option {
|
||||
color: rgb(228 228 231);
|
||||
}
|
||||
.dark .select2-container--default .select2-dropdown {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(24 24 27);
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(9 9 11);
|
||||
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;
|
||||
.dark .select2-container--default .select2-results__option--selected {
|
||||
background: rgb(8 47 73);
|
||||
color: rgb(165 243 252);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user