Make sure each hover style is applied to :focus-visible #3365

Closed
tusooa wants to merge 0 commits from gitlab-mr-iid-2098 into develop
Member

Changes

  • If a component has hover style, it is applied to :focus-visible as well.
  • MenuItem and ListItem are special, because the hover style is on the item, but the focus is not, so I use :has() to match that.
  • There are more problems with checkboxes, where the style is on the <i> but the focus is on the <input>. This needs further work.
<!-- Feel free to submit merge requests that are work-in-progress, but mark them as Draft: or WIP:. Merge requests that have Draft or WIP status will not be merged and have less chances of being reviewed, but you can still ask people to take a look if you need advice. --> # Changes * If a component has hover style, it is applied to :focus-visible as well. * MenuItem and ListItem are special, because the hover style is on the item, but the focus is not, so I use `:has()` to match that. * There are more problems with checkboxes, where the style is on the `<i>` but the focus is on the `<input>`. This needs further work. <!-- List what your merge request changes and how --> <!-- Try to not to break existing behavior, if your changes do break existing behavior make it configurable to toggle between old behavior and new. Which one should be default is up to discussion. --> <!-- If your merge request resolves some issue link it like so: "Closes #99999" --> <!-- If merge request adds some new feature that depends on backend: 1. Make sure it gracefully degrades if backend hasn't been updated to support the feature, we try to make PleromaFE compatible with older versions of BE so that people can still update frontend safely without updating backend since it's costly and much riskier. 2. Link related BE merge request here --> <!-- Screenshots are welcome -->

Pull request closed

Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
pleroma/pleroma-fe!3365
No description provided.