codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-30 10:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

FIX: avatar flair position on mobile

Browse source
This commit is contained in:
Neil Lalonde 2016-08-18 11:18:18 -04:00
parent 9a6f54de6c
commit fb7409f982
3 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/common/admin/admin_base.scss
View file

@ -691,13 +691,6 @@ section.details {
.avatar-wrapper { .avatar-wrapper {
background-color: #f4f4f4; background-color: #f4f4f4;
} }
.avatar-flair.demo {
top: 25px;
&.rounded {
top: 23px;
}
}
} }
.form-horizontal { .form-horizontal {
.flair_inputs { .flair_inputs {

8
app/assets/stylesheets/common/base/topic-post.scss
View file

@ -153,6 +153,10 @@ aside.quote {
} }
} }
.topic-avatar {
position: relative;
}
.topic-avatar .avatar-flair, .avatar-flair-preview .avatar-flair { .topic-avatar .avatar-flair, .avatar-flair-preview .avatar-flair {
display: block; display: block;
background-size: 20px 20px; background-size: 20px 20px;
@ -161,14 +165,14 @@ aside.quote {
width: 20px; width: 20px;
height: 20px; height: 20px;
position: absolute; position: absolute;
top: 40px; bottom: 0;
right: -6px; right: -6px;
&.rounded { &.rounded {
background-size: 18px 18px; background-size: 18px 18px;
border-radius: 12px; border-radius: 12px;
width: 24px; width: 24px;
height: 24px; height: 24px;
top: 38px; bottom: -2px;
right: -8px; right: -8px;
} }
} }

1
app/assets/stylesheets/desktop/topic-post.scss
View file

@ -636,7 +636,6 @@ $topic-avatar-width: 45px;
padding-top: 15px; padding-top: 15px;
width: $topic-avatar-width; width: $topic-avatar-width;
float: left; float: left;
position: relative;
z-index: 3; z-index: 3;
} }