From 24a47bc7631bf56a6bdee2c33d2486b55fdd0732 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9?= Date: Wed, 4 Jan 2023 14:14:09 +0100 Subject: [PATCH] fix(style): fixed style regression on PuikSelect disabled state --- packages/components/select/src/select.vue | 1 + packages/theme/src/select.scss | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue index 6b8698eb..3b688266 100644 --- 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 index 50e3053c..3daa9295 100644 --- 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; }