Clarth/fluxer-themes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Charcoal Outline: remove inner focus outline on message input

Browse source 
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.
This commit is contained in:
Clay 2026-11-11 14:37:22 -05:00
parent 3d0faf090d
commit edb55c2793
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
clarth/charcoal outline/theme.css
View file

@ -364,6 +364,18 @@ html, body {
border-color: var(--co-accent); 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___'] { [class*='MessageSearchBar.module__scopeBadge___'] {
background: var(--co-hover); background: var(--co-hover);
color: var(--co-muted); color: var(--co-muted);