feat(ui): remove focus-visible state from readonly form inputs

This commit is contained in:
Brian McGee
2025-08-24 10:49:34 +01:00
parent 0b3d362357
commit 35177ead40
2 changed files with 4 additions and 4 deletions

View File

@@ -27,7 +27,7 @@ div.form-field.machine-tags {
@apply bg-def-acc-1 outline-def-acc-2; @apply bg-def-acc-1 outline-def-acc-2;
} }
&:focus-visible { &:not(:read-only):focus-visible {
@apply bg-def-1 outline-def-acc-3; @apply bg-def-1 outline-def-acc-3;
box-shadow: box-shadow:
@@ -106,7 +106,7 @@ div.form-field.machine-tags {
@apply bg-inv-acc-2 outline-inv-acc-2; @apply bg-inv-acc-2 outline-inv-acc-2;
} }
&:focus-visible { &:not(:read-only):focus-visible {
@apply bg-inv-acc-4; @apply bg-inv-acc-4;
box-shadow: box-shadow:
0 0 0 0.125rem theme(colors.bg.inv.1), 0 0 0 0.125rem theme(colors.bg.inv.1),

View File

@@ -17,7 +17,7 @@ div.form-field {
@apply bg-def-acc-1 outline-def-acc-2; @apply bg-def-acc-1 outline-def-acc-2;
} }
&:focus-visible { &:not(:read-only):focus-visible {
@apply bg-def-1 outline-def-acc-3; @apply bg-def-1 outline-def-acc-3;
box-shadow: box-shadow:
@@ -119,7 +119,7 @@ div.form-field {
@apply bg-inv-acc-2 outline-inv-acc-2; @apply bg-inv-acc-2 outline-inv-acc-2;
} }
&:focus-visible { &:not(:read-only):focus-visible {
@apply bg-inv-acc-4; @apply bg-inv-acc-4;
box-shadow: box-shadow:
0 0 0 0.125rem theme(colors.bg.inv.1), 0 0 0 0.125rem theme(colors.bg.inv.1),