mirror of
https://github.com/discourse/discourse.git
synced 2025-02-10 08:41:44 +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" /> |
||
|---|---|---|
| .. | ||
| sidebar/edit-navigation-menu | ||
| _index.scss | ||
| add-pm-participants.scss | ||
| badges.scss | ||
| banner.scss | ||
| bookmark-list.scss | ||
| bookmark-menu.scss | ||
| bookmark-modal.scss | ||
| buttons.scss | ||
| calendar-date-time-input.scss | ||
| char-counter.scss | ||
| color-input.scss | ||
| conditional-loading-section.scss | ||
| convert-to-public-topic-modal.scss | ||
| d-breadcrumbs.scss | ||
| d-lightbox.scss | ||
| d-page-header.scss | ||
| d-select.scss | ||
| d-stat-tiles.scss | ||
| d-toggle-switch.scss | ||
| date-input.scss | ||
| date-picker.scss | ||
| date-time-input-range.scss | ||
| date-time-input.scss | ||
| download-calendar.scss | ||
| drafts-dropdown-menu.scss | ||
| dropdown-menu.scss | ||
| emoji-picker.scss | ||
| file-size-input.scss | ||
| filter-input.scss | ||
| footer-nav.scss | ||
| form-template-field.scss | ||
| group-member-dropdown.scss | ||
| groups-form-membership-fields.scss | ||
| hashtag.scss | ||
| horizontal-overflow-nav.scss | ||
| iframed-html.scss | ||
| ignored-user-list.scss | ||
| keyboard_shortcuts.scss | ||
| more-topics.scss | ||
| navs.scss | ||
| notifications-tracking.scss | ||
| offline-indicator.scss | ||
| pick-files-button.scss | ||
| post-list.scss | ||
| powered-by-discourse.scss | ||
| relative-time-picker.scss | ||
| signup-progress-bar.scss | ||
| svg.scss | ||
| tap-tile.scss | ||
| theme-card.scss | ||
| time-input.scss | ||
| time-shortcut-picker.scss | ||
| topic-map.scss | ||
| topic-query-filter.scss | ||
| user-card.scss | ||
| user-info.scss | ||
| user-status-message.scss | ||
| user-status-picker.scss | ||
| user-stream-item.scss | ||
| user-stream.scss | ||
| welcome-header.scss | ||
| widget-dropdown.scss | ||