Merge pull request #68 from PrestaShopCorp/fix/puik-select-disabled-r…

…egression Fixed style regression on PuikSelect disabled state
PrestaShopCorp · Jan 17, 2023 · 8c8c9de · 8c8c9de
2 parents 0f765e4 + 24a47bc
commit 8c8c9de
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
@@ -18,6 +18,7 @@
           class="puik-select__selected"
           :autocomplete="autocomplete"
           :placeholder="placeholder"
+          :disabled="disabled"
           tabindex="-1"
           :readonly="open"
           type="text"

diff --git a/packages/theme/src/select.scss b/packages/theme/src/select.scss
@@ -1,13 +1,13 @@
 .puik-select {
   @apply relative mt-1;
   &__button {
-    @apply relative w-full cursor-default rounded bg-white min-h-[38px] text-left border border-light-blue-default-border hover:border-primary-purple-500 focus:outline-none focus:ring focus:ring-focus-main sm:text-sm disabled:border-light-blue-default-border disabled:bg-light-blue-background disabled:text-font-disabled;
+    @apply relative w-full cursor-default rounded bg-white min-h-[38px] text-left border border-light-blue-default-border hover:border-primary-purple-500 focus:outline-none focus:ring focus:ring-focus-main sm:text-sm disabled:border-light-blue-default-border disabled:text-font-disabled;
     &--error {
       @apply border-accentuation-destructive-500;
     }
   }
   &__selected {
-    @apply block truncate w-full py-2 pl-3 pr-9 select-none font-secondary outline-none pointer-events-none text-font-900 placeholder:text-font-900;
+    @apply block truncate w-full py-2 pl-3 pr-9 select-none font-secondary outline-none pointer-events-none text-font-900 placeholder:text-font-900 disabled:bg-light-blue-background disabled:placeholder:text-font-disabled;
     &:-webkit-autofill {
       -webkit-box-shadow: 0 0 0 50px #e9e6f8 inset;
     }