mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2025-11-02 02:32:24 -06:00
[bugfix] Fix a couple accessibility issues with :focus elements (#3979)
* [bugfix/frontend] Fix accessibility/focus issues in settings + web ui * fix little error * tweaks
This commit is contained in:
parent
365b575341
commit
19cfa8d126
24 changed files with 405 additions and 152 deletions
|
|
@ -81,6 +81,25 @@
|
|||
height: $avatar-size;
|
||||
width: $avatar-size;
|
||||
|
||||
/*
|
||||
Link to open media in slide
|
||||
should fill entire media wrapper.
|
||||
*/
|
||||
a.photoswipe-slide {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
/*
|
||||
Offset to avoid clashing with
|
||||
thick border around avatars.
|
||||
*/
|
||||
&:focus-visible {
|
||||
outline: $button-focus-outline;
|
||||
outline-offset: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar {
|
||||
/*
|
||||
Fit 100% of the wrapper.
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue