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: Improve PM small header alignment with recipient avatars

Browse Source
This commit is contained in:
Vinoth Kannan
2019-01-05 03:51:15 +05:30
parent efc481d9c0
commit aba18a42a7
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/common/base/header.scss
View File

@@ -258,7 +258,8 @@
.badge-wrapper { .badge-wrapper {
margin-right: 8px; margin-right: 8px;
&.bullet { &.bullet {
padding-top: 1px; // alignment hack padding-top: 2px; // alignment hack
line-height: 18px;
} }
} }
.badge-wrapper.bullet { .badge-wrapper.bullet {
@@ -287,7 +288,10 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
.discourse-tag { .discourse-tag {
display: inline; display: block;
float: left;
line-height: 18px;
margin: 2px 4px 0 0;
} }
} }
} }
@@ -299,28 +303,28 @@
} }
.topic-header-participants { .topic-header-participants {
&:not(:first-child) {
margin-left: 4px;
}
> span { > span {
margin: 0 2px; margin: 0 2px;
display: inline-block; display: block;
float: left;
height: 20px; height: 20px;
} }
.trigger-group-card { .trigger-group-card {
display: block;
float: left;
margin: 0 4px; margin: 0 4px;
padding: 1px 4px 0; padding: 1px 4px;
border: 1px solid $primary-low; border: 1px solid $primary-low;
border-radius: 0.25em; border-radius: 0.25em;
align-items: center; align-items: center;
height: 16px;
a { a {
color: $primary-high; color: $primary-high;
.d-icon { .d-icon {
margin-right: 4px; margin: 1px 4px 0 0;
} }
} }
} }