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

Prevent usercard badge section from overflowing

This commit is contained in:
Kris 2019-02-06 22:39:10 -05:00
parent 984f1d96b0
commit 1cacfddda4
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/desktop/user-card.scss
View File

@ -287,14 +287,15 @@ $user_card_background: $secondary;
align-items: flex-start; align-items: flex-start;
padding-bottom: 10px; padding-bottom: 10px;
margin-top: 5px; margin-top: 5px;
span {
overflow: hidden;
text-overflow: ellipsis;
max-width: 185px;
}
.user-badge { .user-badge {
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0.5em; margin-right: 0.5em;
max-width: 150px;
background: $primary-very-low; background: $primary-very-low;
border: 1px solid $primary-low; border: 1px solid $primary-low;
color: $user_card_primary; color: $user_card_primary;