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

Prevent category dropdowns from cropping text, simplify styles

Browse Source
This commit is contained in:
Kris 2018-10-01 11:53:18 -04:00
parent 1add11d8c9
commit eca671b972
6 changed files with 7 additions and 18 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

@ -18,9 +18,9 @@
background: $secondary;
color: $primary;
border: 1px solid $primary-medium;
padding: 5px 6px 5px 10px;
font-size: $font-0;
transition: none;
height: 10px // IE11 needs any height here for vertical centering, overriden elsewhere by min-height
}
.select-kit {
align-self: center;

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

@ -62,18 +62,6 @@
.badge-wrapper {
margin-top: 0;
&.bullet .badge-category {
}
&.box,
&.bullet {
}
&.box + .topic-header-extra,
&.bullet + .topic-header-extra,
&.bar + .topic-header-extra {
}
}
}

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

@ -31,6 +31,7 @@
overflow: hidden;
}
.d-icon {
padding-left: 1px; // prevents lock icon from being cut off on the left
margin-right: 3px;
}
}

7
app/assets/stylesheets/common/select-kit/category-drop.scss
View File

@ -15,15 +15,16 @@
}
&.bar.has-selection .category-drop-header {
padding: 4px 5px 4px 10px;
padding: 0 5px 0 10px;
}
&.box.has-selection .category-drop-header {
padding: 3px 5px 3px 10px;
.badge-wrapper.box {
padding: 0;
}
}
.category-drop-header {
padding: 5px 5px 5px 10px;
&.is-none .selected-name {
color: inherit;

2
app/assets/stylesheets/common/select-kit/combo-box.scss
View File

@ -41,7 +41,7 @@
.select-kit-header {
background: $secondary;
border: 1px solid $primary-medium;
padding: $input-padding;
padding: 0 5px 0 10px;
font-weight: 500;
font-size: $font-0;

1
app/assets/stylesheets/common/select-kit/select-kit.scss
View File

@ -67,7 +67,6 @@
justify-content: space-between;
flex-direction: row;
min-height: 30px;
line-height: $line-height-small;
.selected-name {
text-align: left;