Country / Company updates
This commit is contained in:
@@ -1409,3 +1409,123 @@ html[data-wms-sidebar="collapsed"] .wms-sidebar {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@layer components {
|
||||
.wms-select2-field .select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.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-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;
|
||||
}
|
||||
|
||||
.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__arrow {
|
||||
top: 0.45rem;
|
||||
right: 0.65rem;
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
border-radius: 0.55rem;
|
||||
background: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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--default .select2-results__option {
|
||||
padding: 0.65rem 0.85rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
||||
background: rgb(8 145 178);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--selected {
|
||||
background: rgb(236 254 255);
|
||||
color: rgb(14 116 144);
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: rgb(161 161 170);
|
||||
}
|
||||
|
||||
.dark .wms-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
background: rgb(39 39 42);
|
||||
}
|
||||
|
||||
.dark .select2-container--default .select2-dropdown {
|
||||
border-color: rgb(63 63 70);
|
||||
background: rgb(24 24 27);
|
||||
color: rgb(244 244 245);
|
||||
}
|
||||
|
||||
.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--selected {
|
||||
background: rgb(8 47 73);
|
||||
color: rgb(165 243 252);
|
||||
}
|
||||
}
|
||||
|
||||
+2
-1
@@ -167,7 +167,7 @@ function initialiseSelect2() {
|
||||
return;
|
||||
}
|
||||
|
||||
$('[data-helpdesk-select2]').each(function () {
|
||||
$('[data-helpdesk-select2], [data-wms-select2]').each(function () {
|
||||
const $select = $(this);
|
||||
|
||||
if ($select.hasClass('select2-hidden-accessible')) {
|
||||
@@ -182,6 +182,7 @@ function initialiseSelect2() {
|
||||
closeOnSelect: !isMultiple,
|
||||
dropdownAutoWidth: true,
|
||||
placeholder:
|
||||
$select.data('placeholder') ||
|
||||
$select.find('option[value=""]').first().text() ||
|
||||
(isMultiple ? 'Select options' : 'Select option'),
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user