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

switching bullet-badges to flexbox to solve alignment

This commit is contained in:
awesomerobot 2015-07-14 21:29:05 -04:00
parent 249ef75f12
commit 792a12349b
1 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/stylesheets/common/components/badges.css.scss
View File

@ -52,20 +52,12 @@
&.bullet { //bullet category style &.bullet { //bullet category style
line-height: 1.25; display: inline-flex;
margin-right: 5px; align-items: baseline;
margin-right: 10px;
h3 & {
line-height: .9;
}
span.badge-category { span.badge-category {
color: $primary !important; color: $primary !important;
vertical-align: text-top;
line-height: 1;
margin-left: 4px;
padding: 3px 0 3px 3px;
margin-top: -4px;
display: inline-block; display: inline-block;
#search-dropdown & { #search-dropdown & {
@ -78,9 +70,12 @@
} }
.badge-category-parent-bg, .badge-category-bg { .badge-category-parent-bg, .badge-category-bg {
display: inline-block;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-right: 5px;
display: inline-block;
line-height: 1;
&:before { &:before {
content: "\a0"; content: "\a0";
} }
@ -89,10 +84,9 @@
span { span {
&.badge-category-parent-bg { //subcategory style &.badge-category-parent-bg { //subcategory style
width: 5px; width: 5px;
line-height: 1; margin-right: 0;
& + .badge-category-bg { & + .badge-category-bg {
width: 5px; width: 5px;
line-height: 1;
} }
} }
} }
@ -198,7 +192,7 @@
} }
} }
.cat { .cat {
line-height: 0; line-height: 1;
} }
.badge-wrapper { .badge-wrapper {
&.bar { &.bar {