mirror of
https://github.com/go-gitea/gitea
synced 2025-01-03 06:55:57 +01:00
Fix the shaking issue for avatars with an aspect ratio that is not 1:1.
This commit is contained in:
parent
9bf821ae6c
commit
cfde7feec6
@ -34,7 +34,7 @@ func AvatarHTML(src string, size int, class, name string) template.HTML {
|
|||||||
name = "avatar"
|
name = "avatar"
|
||||||
}
|
}
|
||||||
|
|
||||||
return template.HTML(`<img loading="lazy" class="` + class + `" src="` + src + `" title="` + html.EscapeString(name) + `" width="` + sizeStr + `" height="` + sizeStr + `"/>`)
|
return template.HTML(`<img loading="lazy" class="` + class + `" src="` + src + `" title="` + html.EscapeString(name) + `" height="` + sizeStr + `"/>`)
|
||||||
}
|
}
|
||||||
|
|
||||||
// Avatar renders user avatars. args: user, size (int), class (string)
|
// Avatar renders user avatars. args: user, size (int), class (string)
|
||||||
|
@ -463,7 +463,6 @@ img.ui.avatar,
|
|||||||
.ui.avatar svg {
|
.ui.avatar svg {
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
aspect-ratio: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.error.message .header,
|
.ui.error.message .header,
|
||||||
|
@ -43,7 +43,6 @@
|
|||||||
|
|
||||||
.user.profile .ui.card #profile-avatar img {
|
.user.profile .ui.card #profile-avatar img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
@media (max-width: 767.98px) {
|
||||||
|
Loading…
Reference in New Issue
Block a user