UX: Mobile tweaks for small post actions

This commit is contained in:
Robin Ward 2015-07-27 13:05:31 -04:00
parent 46ba4ba426
commit 5405cda2dc
2 changed files with 40 additions and 41 deletions

View File

@ -260,3 +260,43 @@ table.md-table {
}
}
.small-action {
.topic-avatar {
padding: 5px 0;
border-top: none;
float: left;
i {
font-size: 35px;
width: 45px;
text-align: center;
color: lighten($primary, 75%);
}
}
.small-action-desc {
padding: 0.5em 0 0.5em 4em;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
color: lighten($primary, 60%);
.avatar {
margin-right: 0.8em;
float: left;
}
p {
margin: 0;
padding-top: 4px;
}
}
button {
background: transparent;
border: 0;
float: right;
}
clear: both;
}

View File

@ -729,47 +729,6 @@ $topic-avatar-width: 45px;
.small-action {
width: 755px;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
.topic-avatar {
padding: 5px 0;
border-top: none;
float: left;
i {
font-size: 35px;
width: 45px;
text-align: center;
color: lighten($primary, 75%);
}
}
.small-action-desc {
display: inline-block;
padding: 0.5em 1em;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
color: lighten($primary, 60%);
width: 680px;
.avatar {
margin-right: 0.8em;
float: left;
}
p {
margin: 0;
padding-top: 4px;
}
}
button {
background: transparent;
border: 0;
float: right;
}
clear: both;
}
.posts-wrapper {