UX: Update positioning of mobile post controls (#12760)

This commit is contained in:
Kris 2021-04-20 19:43:26 -04:00 committed by GitHub
parent c47e6a2004
commit 3c0164f369
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 7 deletions

View File

@ -561,11 +561,7 @@ export default createWidget("post-menu", {
const repliesButton = this.attachButton("replies", attrs);
if (repliesButton) {
if (!this.site.mobileView) {
postControls.push(repliesButton);
} else {
visibleButtons.splice(-1, 0, repliesButton);
}
postControls.push(repliesButton);
}
const extraPostControls = applyDecorators(

View File

@ -35,6 +35,7 @@ span.badge-posts {
}
.actions {
display: flex;
justify-content: flex-end;
// Handles the like and flag buttons in the post menu.
.double-button {
@ -88,7 +89,6 @@ span.badge-posts {
.d-icon {
color: var(--primary-high);
}
margin-left: auto;
}
&.has-like {
.d-icon {
@ -106,14 +106,15 @@ span.badge-posts {
display: flex;
align-items: center;
.show-replies {
margin-left: auto;
display: flex;
font-size: $font-up-1;
padding: 10px 8px;
+ .reply {
margin-left: 0;
}
.d-icon {
padding-left: 8px;
font-size: $font-down-1;
}
}
.actions {