saulteafarmer/castopod
1
0
Fork 0
mirror of https://code.castopod.org/adaures/castopod synced 2025-04-19 13:01:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(multiselect): add missing class names in choices options for purge to work properly

Browse Source 
Multiselect options wouldn't show up in production environment because of purgecss removing state
classes.
This commit is contained in:
Yassine Doghri 2021-04-12 09:18:25 +00:00
parent 6303e71973
commit 719538d0cc
No known key found for this signature in database
GPG Key ID: 3E7F89498B960C9F
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/Views/_assets/modules/MultiSelect.ts
View File

@ -23,6 +23,7 @@ const MultiSelect = (): void => {
inputCloned: "multiselect__input--cloned",
list: "multiselect__list",
listItems: "multiselect__list--multiple",
listSingle: "multiselect__list--single",
listDropdown: "multiselect__list--dropdown",
item: "multiselect__item",
itemSelectable: "multiselect__item--selectable",
@ -32,6 +33,16 @@ const MultiSelect = (): void => {
group: "multiselect__group",
groupHeading: "multiselect__heading",
button: "multiselect__button",
activeState: "is-active",
focusState: "is-focused",
openState: "is-open",
disabledState: "is-disabled",
highlightedState: "is-highlighted",
selectedState: "is-selected",
flippedState: "is-flipped",
loadingState: "is-loading",
noResults: "has-no-results",
noChoices: "has-no-choices",
},
});
}

9
app/Views/_assets/styles/multiSelect.css
View File

@ -1,7 +1,8 @@
@layer components {
/*===============================
/*===============================
= MultiSelect =
===============================*/
@layer components {
.multiselect {
@apply relative;
@ -177,6 +178,6 @@
.multiselect__placeholder {
@apply opacity-50;
}
/*===== End of Choices ======*/
}
/*===== End of Multiselect ======*/