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

UX: Badge alignment adjustments

This commit is contained in:
Kris 2019-01-17 15:46:55 -05:00
parent 2818afb267
commit 7401901939
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -296,4 +296,6 @@ div.education {
// right *
.topic-post-badges {
white-space: nowrap;
align-self: center;
line-height: $line-height-medium;
}

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

@ -178,7 +178,7 @@
z-index: z("base");
left: 0;
top: -4px;
min-width: 6px;
min-width: 0.6em;
}
.unread-notifications {
left: auto;

5
app/assets/stylesheets/common/components/badges.scss
View File

@ -163,9 +163,8 @@
.badge-notification {
@extend %badge;
padding: 3px 5px;
min-width: 8px;
vertical-align: middle;
padding: 0.21em 0.42em;
min-width: 0.5em;
color: $secondary;
font-size: $font-down-2;
line-height: $line-height-small;

12
app/assets/stylesheets/desktop/category-list.scss
View File

@ -52,16 +52,24 @@
.subcategories {
margin-top: 0.25em;
clear: both;
.subcategory {
display: inline-flex;
align-items: baseline;
margin-right: 0.8em;
}
.badge-wrapper {
margin-right: 0.5em;
}
.badge-notification.new-posts {
display: block;
padding: 0;
margin: 0 10px 0 0;
}
}
.featured-topic {
margin: 10px 0 0;
display: flex;
align-items: center;
align-items: baseline;
&:first-of-type {
margin-top: 13px;
}