mirror of
https://github.com/discourse/discourse.git
synced 2025-02-09 09:53:01 +08:00
f23e196b4f
From https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible: > The :focus-visible pseudo-class applies while an element matches the [:focus](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus) pseudo-class and the UA ([User Agent](https://developer.mozilla.org/en-US/docs/Glossary/User_agent)) determines via heuristics that the focus should be made evident on the element. (Many browsers show a "focus ring" by default in this case.) This change switches buttons over to `:focus-visible` which shouldn't change much, except for situations where focus state may linger in cases when it's not desired, like the tracking button here for example:  When using `focus-visible` the `focus` state is no longer visible after a tap, but the focus state will still appear when using keyboard navigation or assistive technology like VoiceOver, as seen here: <img src="https://github.com/user-attachments/assets/62398532-3e05-4979-91a4-d3ddeb4758cb" width="300" /> |
||
|---|---|---|
| .. | ||
| common | ||
| desktop | ||
| mobile | ||
| vendor | ||
| admin_rtl.scss | ||
| admin.scss | ||
| color_definitions.scss | ||
| common.scss | ||
| desktop_rtl.scss | ||
| desktop.scss | ||
| embed.scss | ||
| ember_cli.scss | ||
| mobile_rtl.scss | ||
| mobile.scss | ||
| publish.scss | ||
| qunit-custom.scss | ||
| qunit.scss | ||
| wcag.scss | ||
| wizard_rtl.scss | ||
| wizard.scss | ||