mirror of
https://github.com/discourse/discourse.git
synced 2025-02-09 12:49:29 +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" /> |
||
|---|---|---|
| .. | ||
| admin | ||
| base | ||
| components | ||
| float-kit | ||
| form-kit | ||
| foundation | ||
| login | ||
| modal | ||
| select-kit | ||
| table-builder | ||
| d-editor.scss | ||
| font-variables.scss | ||
| input_tip.scss | ||
| loading-slider.scss | ||
| post-action-feedback.scss | ||
| printer-friendly.scss | ||
| software-update-prompt.scss | ||
| topic-entrance.scss | ||
| topic-timeline.scss | ||
| whcm.scss | ||