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

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

diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss
index d276ea0..54b4967 100644
--- 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;

GitHub sha: a2d1baba

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there: