From edb55c2793078b1a30077be3ef86a8ba58660daf Mon Sep 17 00:00:00 2001 From: Clay Date: Wed, 11 Nov 2026 14:37:22 -0500 Subject: [PATCH] Charcoal Outline: remove inner focus outline on message input Clicking into the message box showed a blue outline around the text field in addition to the outer container border. The global :focus-visible rule was applying to the inner input element. Notes: - Added a rule that clears outline and box-shadow on focused descendants of the textarea outer row and the message search bar. - The outer container keeps its single blue border via the existing :focus-within rule. - Not yet verified in a live Fluxer session; the inner input class names are assumed from the existing selectors. --- clarth/charcoal outline/theme.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/clarth/charcoal outline/theme.css b/clarth/charcoal outline/theme.css index ea4abbe..37ffc82 100644 --- a/clarth/charcoal outline/theme.css +++ b/clarth/charcoal outline/theme.css @@ -364,6 +364,18 @@ html, body { border-color: var(--co-accent); } +:is( + [class*='TextareaInput.module__textareaOuterRow___'], + [class*='MessageSearchBar.module__inputContainer___'] +) *:focus, +:is( + [class*='TextareaInput.module__textareaOuterRow___'], + [class*='MessageSearchBar.module__inputContainer___'] +) *:focus-visible { + outline: none !important; + box-shadow: none !important; +} + [class*='MessageSearchBar.module__scopeBadge___'] { background: var(--co-hover); color: var(--co-muted);