From 39fb6cc6fd833aa896fc68e69e40745b343192c2 Mon Sep 17 00:00:00 2001
From: Eekle <96976531+Eekle@users.noreply.github.com>
Date: Mon, 30 May 2022 14:47:02 +0100
Subject: [PATCH 1/2] 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 abcc227bec359..8f67f1cee1e85 100644
--- a/templates/user/profile.tmpl
+++ b/templates/user/profile.tmpl
@@ -4,15 +4,17 @@
<div class="ui stackable grid">
<div class="ui five wide column">
<div class="ui card">
+ <div id="profile-avatar" class="content df"/>
{{if eq .SignedUserName .Owner.Name}}
- <a class="image tooltip" href="{{AppSubUrl}}/user/settings" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-position="bottom center">
+ <a class="image tooltip" href="{{AppSubUrl}}/user/settings" data-content="{{.i18n.Tr "user.change_avatar"}}" data-position="bottom center">
{{avatar .Owner 290}}
</a>
{{else}}
- <span class="image" id="profile-avatar">
+ <span class="image">
{{avatar .Owner 290}}
</span>
{{end}}
+ </div>
<div class="content word-break profile-avatar-name">
{{if .Owner.FullName}}<span class="header text center">{{.Owner.FullName}}</span>{{end}}
<span class="username text center">{{.Owner.Name}}</span>
diff --git a/web_src/less/_user.less b/web_src/less/_user.less
index e192986819859..8ddb27db64cfa 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 {
From 5849161716bf4dcf190090cf663cdca2656a565b Mon Sep 17 00:00:00 2001
From: Eekle <96976531+Eekle@users.noreply.github.com>
Date: Mon, 30 May 2022 14:58:53 +0100
Subject: [PATCH 2/2] Fix linting
---
web_src/less/_user.less | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/web_src/less/_user.less b/web_src/less/_user.less
index 8ddb27db64cfa..4576d1c9e71ce 100644
--- a/web_src/less/_user.less
+++ b/web_src/less/_user.less
@@ -54,7 +54,7 @@
object-fit: contain;
margin: 0;
@media @mediaSm {
- width:30vw;
+ width: 30vw;
}
}