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

UX: tag container should wrap if there's a large number of tags

This commit is contained in:
Joe 2019-01-08 23:33:47 +08:00 committed by GitHub
parent f181e9cc08
commit a2d1babac6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -134,7 +134,14 @@
.link-bottom-line { .link-bottom-line {
font-size: $font-down-1; font-size: $font-down-1;
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
.discourse-tags {
flex-wrap: wrap;
// IE11 is being very stubborn but this is only protection for topics with
// a very excessive number of extra long tags - edge case.
-ms-flex: 1 0 0px;
}
a.badge-wrapper.box, a.badge-wrapper.box,
a.discourse-tag.box { a.discourse-tag.box {
padding-top: 0; padding-top: 0;