mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-11-02 13:22:24 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

[chore] render avatar in photoswipe slide, remove repeated alt text (#3985)

Browse source 
* [chore] render avatar in photoswipe slide, remove repeated alt text

* bwap bwap
This commit is contained in:
tobi 2025-04-11 12:05:26 +02:00 • committed by GitHub
commit be9e307418
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 65 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

42
web/source/css/_profile-header.css
View file

@ -20,8 +20,20 @@
.profile .profile-header {
background: $profile-bg;
border-radius: $br;
overflow: hidden;
margin-bottom: 1rem;
/*
Link to open media in slide
should fill entire media wrapper.
*/
a.photoswipe-slide {
display: inline-block;
height: 100%;
width: 100%;
&:focus-visible {
outline: $button-focus-outline;
}
}
.moved-to {
padding: 1rem;
@ -30,8 +42,10 @@
.header-image-wrapper {
position: relative;
padding-top: 33.33%; /* aspect-ratio 1/3 */
aspect-ratio: 3;
height: 100%;
width: 100%;
img {
position: absolute;
top: 0;
@ -66,6 +80,7 @@
margin: 1rem;
margin-top: calc(-1 * $overlap);
gap: 0 1rem;
padding-bottom: 1rem;
.avatar-image-wrapper {
grid-area: avatar;
@ -82,22 +97,11 @@
width: $avatar-size;
/*
Link to open media in slide
should fill entire media wrapper.
Offset to avoid clashing with
thick border around avatars.
*/
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;
}
a.photoswipe-slide:focus-visible {
outline-offset: 0.25rem;
}
.avatar {