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

2019-01-08 23:33:47 +08:00 · 2019-01-08 23:33:47 +08:00 · a2d1babac6
parent f181e9cc08
commit a2d1babac6
1 changed files with 7 additions and 0 deletions
--- a/app/assets/stylesheets/common/base/_topic-list.scss
+++ b/app/assets/stylesheets/common/base/_topic-list.scss
@ -134,7 +134,14 @@
  .link-bottom-line {
    font-size: $font-down-1;
    display: flex;
+    flex-wrap: wrap;
    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.discourse-tag.box {
      padding-top: 0;