From 4f1fb0f6971e3cd2ea679a58ff1e8bea88f29198 Mon Sep 17 00:00:00 2001
From: Eekle <96976531+Eekle@users.noreply.github.com>
Date: Fri, 10 Jun 2022 12:06:34 +0100
Subject: [PATCH] Make user profile image show full image on mobile (#19840)
* Make user profile image show full image on mobile
---
templates/user/profile.tmpl | 6 ++++--
web_src/less/_user.less | 15 ++++-----------
2 files changed, 8 insertions(+), 13 deletions(-)
diff --git a/templates/user/profile.tmpl b/templates/user/profile.tmpl
index abcc227be..8f67f1cee 100644
--- a/templates/user/profile.tmpl
+++ b/templates/user/profile.tmpl
@@ -4,15 +4,17 @@
+
{{if eq .SignedUserName .Owner.Name}}
-
+
{{avatar .Owner 290}}
{{else}}
-
+
{{avatar .Owner 290}}
{{end}}
+
{{if .Owner.FullName}}{{end}}
{{.Owner.Name}}
diff --git a/web_src/less/_user.less b/web_src/less/_user.less
index e19298681..4576d1c9e 100644
--- a/web_src/less/_user.less
+++ b/web_src/less/_user.less
@@ -44,27 +44,20 @@
}
}
}
-
#profile-avatar {
background: none;
padding: 1rem 1rem .25rem;
-
+ justify-content: center;
img {
width: 100%;
height: auto;
object-fit: contain;
margin: 0;
- }
-
- @media @mediaSm {
- height: 250px;
- overflow: hidden;
-
- img {
- max-height: 767px;
- max-width: 767px;
+ @media @mediaSm {
+ width: 30vw;
}
}
+
}
@media @mediaSm {