github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 05:40:52 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Tag alignment and size in topic titles

Browse Source
This commit is contained in:
Kris 2018-01-15 22:51:16 -05:00
parent 6177fb80eb
commit 4128f36f52
2 changed files with 8 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/common/base/tagging.scss
View File

@ -35,18 +35,10 @@
.bullet + .topic-header-extra { .bullet + .topic-header-extra {
display: block; display: block;
line-height: $line-height-medium; line-height: $line-height-medium;
font-size: $font-down-1;
.list-tags { font-size: $font-0; }
}
.bar + .topic-header-extra {
line-height: $line-height-medium;
} }
.box + .topic-header-extra { .box + .topic-header-extra {
display: inline-block; display: inline-block;
margin: 0 0 0 5px;
padding-top: 5px;
} }
.topic-category { .topic-category {
@ -55,12 +47,9 @@
.topic-header-extra { .topic-header-extra {
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline;
margin: .1em 0 0 0;
} }
.badge-wrapper { .badge-wrapper {
display: inline-block;
vertical-align: baseline;
margin-top: 0; margin-top: 0;
&.bullet .badge-category { &.bullet .badge-category {
@ -133,7 +122,10 @@ $tag-color: $primary-medium;
.d-header .topic-header-extra { .d-header .topic-header-extra {
display: inline-block; display: inline-block;
.discourse-tags { display: inline-block; } .discourse-tags {
display: inline-block;
font-size: $font-down-1;
}
.topic-featured-link { margin-left: 8px; } .topic-featured-link { margin-left: 8px; }
} }
@ -193,7 +185,6 @@ header .discourse-tag {color: $tag-color }
.list-tags { .list-tags {
margin-right: 3px; margin-right: 3px;
display: inline;
font-size: $font-down-1; font-size: $font-down-1;
} }

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

@ -67,6 +67,10 @@
align-items: center; align-items: center;
margin-right: 5px; margin-right: 5px;
.extra-info-wrapper & {
margin-top: .25em;
}
span.badge-category { span.badge-category {
color: $primary; color: $primary;
overflow: hidden; overflow: hidden;
@ -108,9 +112,7 @@
&.box { //box category style (apply custom widths to the wrapper, not the children) &.box { //box category style (apply custom widths to the wrapper, not the children)
line-height: $line-height-large; line-height: $line-height-large;
margin-top: 5px;
margin-right: 5px; margin-right: 5px;
padding: 2px;
span { span {
overflow: hidden; overflow: hidden;
@ -142,12 +144,6 @@
} }
} }
.extra-info-wrapper .title-wrapper {
.badge-wrapper {
margin-top: 3px;
}
}
.autocomplete, td.category { .autocomplete, td.category {
.badge-wrapper { .badge-wrapper {
max-width: 230px; max-width: 230px;