mirror of
https://github.com/superseriousbusiness/gotosocial
synced 2025-06-05 21:59:39 +02: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:
@@ -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.
|
||||
|
Reference in New Issue
Block a user