UI fix for long username in profile page and display package(#7809)

Lynn Dai · Lynn Dai · commit ca0db5127a81 · 2020-05-20T20:13:39.000-07:00
diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css
diff --git a/src/Bootstrap/less/theme/page-display-package.less b/src/Bootstrap/less/theme/page-display-package.less
@@ -103,6 +103,10 @@
   .owner-list {
     li {
       margin-bottom: 8px;
+      display: block;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
     }
 
     img {
diff --git a/src/Bootstrap/less/theme/page-profile.less b/src/Bootstrap/less/theme/page-profile.less
@@ -4,6 +4,7 @@
     margin-top: (@padding-large-vertical * 5);
 
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-between;
     align-items: baseline;
 
