UX: Badge alignment adjustments
This commit is contained in:
parent
2818afb267
commit
7401901939
|
@ -296,4 +296,6 @@ div.education {
|
||||||
// right *
|
// right *
|
||||||
.topic-post-badges {
|
.topic-post-badges {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
align-self: center;
|
||||||
|
line-height: $line-height-medium;
|
||||||
}
|
}
|
||||||
|
|
|
@ -178,7 +178,7 @@
|
||||||
z-index: z("base");
|
z-index: z("base");
|
||||||
left: 0;
|
left: 0;
|
||||||
top: -4px;
|
top: -4px;
|
||||||
min-width: 6px;
|
min-width: 0.6em;
|
||||||
}
|
}
|
||||||
.unread-notifications {
|
.unread-notifications {
|
||||||
left: auto;
|
left: auto;
|
||||||
|
|
|
@ -163,9 +163,8 @@
|
||||||
|
|
||||||
.badge-notification {
|
.badge-notification {
|
||||||
@extend %badge;
|
@extend %badge;
|
||||||
padding: 3px 5px;
|
padding: 0.21em 0.42em;
|
||||||
min-width: 8px;
|
min-width: 0.5em;
|
||||||
vertical-align: middle;
|
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
font-size: $font-down-2;
|
font-size: $font-down-2;
|
||||||
line-height: $line-height-small;
|
line-height: $line-height-small;
|
||||||
|
|
|
@ -52,16 +52,24 @@
|
||||||
.subcategories {
|
.subcategories {
|
||||||
margin-top: 0.25em;
|
margin-top: 0.25em;
|
||||||
clear: both;
|
clear: both;
|
||||||
|
.subcategory {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: baseline;
|
||||||
|
margin-right: 0.8em;
|
||||||
|
}
|
||||||
|
.badge-wrapper {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
.badge-notification.new-posts {
|
.badge-notification.new-posts {
|
||||||
|
display: block;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 10px 0 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured-topic {
|
.featured-topic {
|
||||||
margin: 10px 0 0;
|
margin: 10px 0 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: baseline;
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
margin-top: 13px;
|
margin-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue