From 35177ead40f38f85793b9a19077293f152b71353 Mon Sep 17 00:00:00 2001 From: Brian McGee Date: Sun, 24 Aug 2025 10:49:34 +0100 Subject: [PATCH] feat(ui): remove focus-visible state from readonly form inputs --- pkgs/clan-app/ui/src/components/Form/MachineTags.css | 4 ++-- pkgs/clan-app/ui/src/components/Form/TextInput.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/pkgs/clan-app/ui/src/components/Form/MachineTags.css b/pkgs/clan-app/ui/src/components/Form/MachineTags.css index 8d45697cc..d750795cd 100644 --- a/pkgs/clan-app/ui/src/components/Form/MachineTags.css +++ b/pkgs/clan-app/ui/src/components/Form/MachineTags.css @@ -27,7 +27,7 @@ div.form-field.machine-tags { @apply bg-def-acc-1 outline-def-acc-2; } - &:focus-visible { + &:not(:read-only):focus-visible { @apply bg-def-1 outline-def-acc-3; box-shadow: @@ -106,7 +106,7 @@ div.form-field.machine-tags { @apply bg-inv-acc-2 outline-inv-acc-2; } - &:focus-visible { + &:not(:read-only):focus-visible { @apply bg-inv-acc-4; box-shadow: 0 0 0 0.125rem theme(colors.bg.inv.1), diff --git a/pkgs/clan-app/ui/src/components/Form/TextInput.css b/pkgs/clan-app/ui/src/components/Form/TextInput.css index 900c07a42..e34fefa4e 100644 --- a/pkgs/clan-app/ui/src/components/Form/TextInput.css +++ b/pkgs/clan-app/ui/src/components/Form/TextInput.css @@ -17,7 +17,7 @@ div.form-field { @apply bg-def-acc-1 outline-def-acc-2; } - &:focus-visible { + &:not(:read-only):focus-visible { @apply bg-def-1 outline-def-acc-3; box-shadow: @@ -119,7 +119,7 @@ div.form-field { @apply bg-inv-acc-2 outline-inv-acc-2; } - &:focus-visible { + &:not(:read-only):focus-visible { @apply bg-inv-acc-4; box-shadow: 0 0 0 0.125rem theme(colors.bg.inv.1),