mag/WMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

interim fix for drop downs, BROKEN FIX, interinm fix

Browse Source
This commit is contained in:
Mark Gregory
2026-07-07 13:24:22 +01:00
parent 12c1470319
commit e1f132fa7b
4 changed files with 201 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+167
View File
@@ -1529,3 +1529,170 @@ html[data-wms-sidebar="collapsed"] .wms-sidebar {
color: rgb(165 243 252);
}
}
/* WMS professional Select2 fields -------------------------------------------------
These rules are intentionally global because company, warehouse, country and
helpdesk forms all use the same Select2 control pattern. */
@layer components {
.wms-select2-field select[data-wms-select2],
.wms-select2-field select[data-company-country-select2] {
margin-top: 0.5rem;
height: 3rem;
width: 100%;
border-radius: 0.75rem;
border: 1px solid rgb(212 212 216);
background-color: white;
padding-left: 1rem;
padding-right: 2.5rem;
font-size: 0.875rem;
font-weight: 500;
color: rgb(24 24 27);
box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}
.dark .wms-select2-field select[data-wms-select2],
.dark .wms-select2-field select[data-company-country-select2] {
border-color: rgb(63 63 70);
background-color: rgb(9 9 11);
color: white;
}
.wms-select2-field .select2-container {
margin-top: 0.5rem;
width: 100% !important;
display: block;
}
.wms-select2-field .select2-container--default .select2-selection--single,
.select2-container--default.wms-select2-dropdown-owner .select2-selection--single {
height: 3rem;
min-height: 3rem;
border-radius: 0.75rem;
border: 1px solid rgb(212 212 216);
background: white;
box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
outline: none;
transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 3rem;
padding-left: 1rem;
padding-right: 3rem;
color: rgb(24 24 27);
font-size: 0.875rem;
font-weight: 600;
line-height: 3rem;
}
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: rgb(113 113 122);
font-weight: 500;
}
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__clear {
height: 3rem;
margin-right: 2rem;
color: rgb(113 113 122);
font-size: 1.1rem;
line-height: 3rem;
}
.wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 0.75rem;
height: 3rem;
width: 1.75rem;
}
.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(37 99 235);
box-shadow: 0 0 0 3px rgb(37 99 235 / 0.22);
}
.select2-container--open {
z-index: 99999;
}
.select2-container--default .select2-dropdown {
overflow: hidden;
border: 1px solid rgb(63 63 70);
border-radius: 0.875rem;
background: white;
box-shadow: 0 24px 60px rgb(15 23 42 / 0.26);
}
.select2-container--default .select2-search--dropdown {
padding: 0.75rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
min-height: 2.75rem;
border-radius: 0.75rem;
border: 1px solid rgb(212 212 216);
background: white;
padding: 0 0.875rem;
color: rgb(24 24 27);
font-size: 0.875rem;
outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border-color: rgb(37 99 235);
box-shadow: 0 0 0 3px rgb(37 99 235 / 0.22);
}
.select2-container--default .select2-results__option {
padding: 0.75rem 1rem;
color: rgb(24 24 27);
font-size: 0.875rem;
font-weight: 600;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: rgb(37 99 235);
color: white;
}
.select2-container--default .select2-results__option--selected {
background: rgb(239 246 255);
color: rgb(30 64 175);
}
.dark .wms-select2-field .select2-container--default .select2-selection--single {
border-color: rgb(63 63 70);
background: 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,
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__clear {
color: rgb(161 161 170);
}
.dark .select2-container--default .select2-dropdown {
border-color: rgb(63 63 70);
background: rgb(24 24 27);
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;
}
.dark .select2-container--default .select2-results__option {
color: rgb(244 244 245);
}
.dark .select2-container--default .select2-results__option--selected {
background: rgb(30 58 138 / 0.55);
color: rgb(191 219 254);
}
}