mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-10-29 14:22:26 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

[feature/frontend] Allow setting alt-text for avatar + header (#3086)

Browse source
This commit is contained in:
tobi 2024-07-08 15:47:03 +02:00 • committed by GitHub
commit d70f4e166d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 395 additions and 140 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web/source/css/profile.css
View file

@ -82,18 +82,37 @@
margin-top: calc(-1 * $overlap);
gap: 0 1rem;
.avatar {
.avatar-image-wrapper {
grid-area: avatar;
height: $avatar-size;
width: $avatar-size;
border: 0.2rem solid $avatar-border;
border-radius: $br;
overflow: hidden; /* prevents image extending beyond rounded borders */
/*
Wrapper always same
size + proportions no
matter image inside.
*/
height: $avatar-size;
width: $avatar-size;
img {
.avatar {
/*
Fit 100% of the wrapper.
*/
height: 100%;
width: 100%;
/*
Normalize non-square images.
*/
object-fit: cover;
/*
Prevent image extending
beyond rounded borders.
*/
border-radius: $br-inner;
}
}