Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-17 16:55:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: category description display issue

Browse Source 
html tags like `<strong>` are displayed on separate lines inside a flexbox with `flex-wrap`
This commit is contained in:
Joe 2018-07-10 13:51:46 +08:00 committed by GitHub
parent 0a28181c62
commit 59950b0f95
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/select-kit/category-row.scss
View File

@ -1,7 +1,6 @@
.select-kit { .select-kit {
.category-row { .category-row {
.category-status, .category-status {
.category-desc {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
@ -10,14 +9,15 @@
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
} }
.category-desc {
max-width: 100%; // needed for IE11
}
.category-status { .category-status {
.badge-wrapper.box { .badge-wrapper.box {
margin-bottom: 1px; margin-bottom: 1px;
margin-top: 1px; margin-top: 1px;
} }
} }
.topic-count { .topic-count {
white-space: nowrap; white-space: nowrap;
} }