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.
This commit is contained in:
parent
3d0faf090d
commit
edb55c2793
1 changed files with 12 additions and 0 deletions
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue