From 719538d0ccb28af3c3c5e1a4b6468d4b772fe819 Mon Sep 17 00:00:00 2001
From: Yassine Doghri <yassine@doghri.fr>
Date: Mon, 12 Apr 2021 09:18:25 +0000
Subject: [PATCH] fix(multiselect): add missing class names in choices options
for purge to work properly
Multiselect options wouldn't show up in production environment because of purgecss removing state
classes.
---
app/Views/_assets/modules/MultiSelect.ts | 11 +++++++++++
app/Views/_assets/styles/multiSelect.css | 9 +++++----
2 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/app/Views/_assets/modules/MultiSelect.ts b/app/Views/_assets/modules/MultiSelect.ts
index 87ef62be34..9268b76f68 100644
--- a/app/Views/_assets/modules/MultiSelect.ts
+++ b/app/Views/_assets/modules/MultiSelect.ts
@@ -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",
},
});
}
diff --git a/app/Views/_assets/styles/multiSelect.css b/app/Views/_assets/styles/multiSelect.css
index 05fcdc742b..22dde765f1 100644
--- a/app/Views/_assets/styles/multiSelect.css
+++ b/app/Views/_assets/styles/multiSelect.css
@@ -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 ======*/
--
GitLab