Tweak post controls on mobile

This commit is contained in:
Toby Zerner 2015-06-24 17:56:52 +09:30
parent e8bb044701
commit aae40472cf
2 changed files with 25 additions and 0 deletions

View File

@ -323,6 +323,10 @@
overflow: hidden;
text-overflow: ellipsis;
}
@media @phone {
padding: 15px !important;
}
}
.post-icon {
@ -431,6 +435,16 @@
}
@media @phone {
.post {
& .contextual-controls {
margin-top: -6px;
margin-right: -8px;
& .dropdown-toggle {
opacity: 0.5;
}
}
}
.post-header {
& .avatar {
.avatar-size(32px);

View File

@ -73,6 +73,17 @@
font-size: 17px;
vertical-align: middle;
}
@media @phone {
width: 38px;
height: 38px;
border-radius: 38px / 2;
padding: 10px 0;
& .fa-ellipsis-v {
font-size: 20px;
}
}
}
// Buttons that blend into the background