From 2b322c38c67ee6b317ef6c583646e3e150ed24e1 Mon Sep 17 00:00:00 2001 From: Afiq Date: Fri, 8 Aug 2025 12:10:04 +0800 Subject: [PATCH] Refactor Text CSS for Improved Read-Only and Disabled States - Removed redundant styles from .formkit-outer-text to streamline CSS. - Enhanced .formkit-inner-text to include styles for read-only states, ensuring consistent appearance for disabled and read-only inputs. - Updated placeholder styles for read-only inputs to match disabled states, improving visual consistency across form elements. --- assets/style/css/form/text.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/assets/style/css/form/text.css b/assets/style/css/form/text.css index 25e40b7..354f515 100644 --- a/assets/style/css/form/text.css +++ b/assets/style/css/form/text.css @@ -1,7 +1,3 @@ -.formkit-outer-text { - @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger; -} - .formkit-inner-text { @apply flex items-center @@ -28,7 +24,10 @@ focus:outline-none disabled:bg-[rgb(var(--bg-disabled))] disabled:border-[rgb(var(--bg-disabled))] - disabled:placeholder-[rgb(var(--bg-disabled))]; + disabled:placeholder-[rgb(var(--bg-disabled))] + read-only:bg-[rgb(var(--bg-disabled))] + read-only:border-[rgb(var(--bg-disabled))] + read-only:placeholder-[rgb(var(--bg-disabled))]; } .formkit-prefix-text {