interim fix for drop downs, BROKEN FIX

This commit is contained in:
Mark Gregory
2026-07-07 12:14:24 +01:00
parent 9cc2ce530e
commit d2c1f744c3
67 changed files with 168 additions and 4105 deletions
+98 -106
View File
@@ -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);
}
}