IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: adds flexbox to topic user name fields on mobile

Browse Source
This commit is contained in:
Joe
2018-07-09 11:45:00 +08:00
committed by GitHub
parent 6d0732f7b4
commit d36c260dd0
1 changed files with 24 additions and 0 deletions
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;
}
} }
} }