github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 23:16:20 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Consistent profile image positioning on desktop and mobile

Browse Source
This commit is contained in:
Kris 2019-04-01 22:04:11 -04:00
parent d8704c11ca
commit 254de64df7
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/base/user.scss
View File

@ -101,6 +101,14 @@
width: 100%;
margin-bottom: 15px;
&.has-background {
.user-profile-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}
.secondary {
display: inline-block;
width: 100%;

2
app/assets/stylesheets/desktop/user.scss
View File

@ -151,8 +151,6 @@
&.has-background {
.user-profile-image {
height: 300px;
background-size: cover;
background-repeat: no-repeat;
}
.details {
box-sizing: border-box;

5
app/assets/stylesheets/mobile/user.scss
View File

@ -132,12 +132,9 @@
&.has-background {
.user-profile-image {
height: 200px;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.user-profile-avatar {
margin-top: s(-24);
margin-top: s(-15);
}
}