consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improves styles for users avatar

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2016-12-27 16:17:43 +01:00
parent f0258fb3ee
commit 170ef4e680
2 changed files with 13 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/layout.scss
View File

@@ -901,16 +901,12 @@ img.avatar, img.admin-avatar, img.moderator-avatar, img.initialjs-avatar {
} }
.author-deleted, .user-deleted { .author-deleted, .user-deleted {
background-color: rgba(255,255,255,.5);
color: rgba(0,0,0,.4); color: rgba(0,0,0,.4);
font-size: rem-calc(40); display: inline-block;
left: 11px; font-size: rem-calc(32);
position: absolute; line-height: rem-calc(32);
top: 72px; height: rem-calc(32);
} vertical-align: top;
.user-deleted {
top: -4px;
} }
.user-permissions { .user-permissions {
@@ -1675,6 +1671,7 @@ table {
.comment-info { .comment-info {
color: $text-medium; color: $text-medium;
display: inline-block;
font-size: $small-font-size; font-size: $small-font-size;
line-height: rem-calc(32); // Same as avatar height line-height: rem-calc(32); // Same as avatar height

19
app/assets/stylesheets/participation.scss
View File

@@ -325,9 +325,13 @@
clear: both; clear: both;
color: $text-medium; color: $text-medium;
font-size: $small-font-size; font-size: $small-font-size;
min-height: $line-height*2; margin-bottom: $line-height/2;
position: relative; position: relative;
span {
line-height: rem-calc(32); // Same as avatar height
}
a { a {
color: $text-medium; color: $text-medium;
} }
@@ -337,15 +341,6 @@
line-height: $line-height; line-height: $line-height;
margin: 0; margin: 0;
} }
.author-deleted {
left: 0;
top: 4px;
}
.author.deleted {
margin-left: rem-calc(48);
}
} }
.debate-description, .proposal-description { .debate-description, .proposal-description {
@@ -370,9 +365,9 @@
} }
.author-photo { .author-photo {
line-height: $line-height*2; line-height: rem-calc(32);
margin-right: rem-calc(6); margin-right: rem-calc(6);
vertical-align: middle; vertical-align: top;
width: 32px; width: 32px;
} }