mirror of
https://github.com/flarum/framework.git
synced 2025-01-31 21:37:04 +08:00
Tweak post controls on mobile
This commit is contained in:
parent
e8bb044701
commit
aae40472cf
|
@ -323,6 +323,10 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media @phone {
|
||||||
|
padding: 15px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-icon {
|
.post-icon {
|
||||||
|
@ -431,6 +435,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @phone {
|
@media @phone {
|
||||||
|
.post {
|
||||||
|
& .contextual-controls {
|
||||||
|
margin-top: -6px;
|
||||||
|
margin-right: -8px;
|
||||||
|
|
||||||
|
& .dropdown-toggle {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.post-header {
|
.post-header {
|
||||||
& .avatar {
|
& .avatar {
|
||||||
.avatar-size(32px);
|
.avatar-size(32px);
|
||||||
|
|
|
@ -73,6 +73,17 @@
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
vertical-align: middle;
|
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
|
// Buttons that blend into the background
|
||||||
|
|
Loading…
Reference in New Issue
Block a user