Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: adds flexbox to topic user name fields on mobile

This commit is contained in:
Joe 2018-07-09 11:45:00 +08:00 committed by GitHub
parent 6d0732f7b4
commit d36c260dd0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -453,6 +453,30 @@ span.highlighted {
font-size: $font-down-1; font-size: $font-down-1;
.names { .names {
line-height: $line-height-medium; line-height: $line-height-medium;
display: flex;
flex-wrap: wrap;
.full-name {
font-weight: bold;
order: 1;
}
.staff-notes-icon {
order: 2;
margin-left: 4px;
}
.poster-icon {
order: 2;
}
.username {
order: 3;
flex-basis: 100%;
}
.user-title {
order: 4;
flex-basis: 100%;
}
span {
margin-right: 4px;
}
} }
} }