corrad-software/corrad-bp
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor Text CSS for Improved Read-Only and Disabled States

Browse Source 
- 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.
This commit is contained in:
Afiq 2025-08-08 12:10:04 +08:00
parent 2562ebbc74
commit 2b322c38c6
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/style/css/form/text.css
View File

@ -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 {