card buttons should truncate if there isn't enough space (#7290)

2019-03-31 17:16:40 +08:00 · 2019-03-31 17:16:40 +08:00 · 9510f3d737
parent c0780434f8
commit 9510f3d737
1 changed files with 9 additions and 5 deletions
--- a/app/assets/stylesheets/mobile/components/user-card.scss
+++ b/app/assets/stylesheets/mobile/components/user-card.scss
@ -20,13 +20,17 @@ $avatar_width: 120px;
      display: flex;
      flex: 1;
      margin-top: 1em;
-      button {
-        white-space: nowrap;
-      }
+      max-width: 100%;
      li {
        flex: 1;
-        & + li {
-          margin-left: 0.5em;
+        min-width: 0;
+        &:nth-child(2) {
+          border-left: 0.5em solid transparent;
+        }
+        button {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
        }
      }
    }