fix(sidebar): subtitle text overflow (#3758)

Satellite-im · Jun 22, 2022 · 32b848b · 32b848b
1 parent 855ad53
commit 32b848b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/assets/styles/framework/typography.less b/assets/styles/framework/typography.less
@@ -11,3 +11,10 @@
   white-space: nowrap;
   display: block;
 }
+
+.multiline-ellipsis(@lines: 2) {
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: @lines;
+  -webkit-box-orient: vertical;  
+}
diff --git a/components/views/user/User.less b/components/views/user/User.less
@@ -36,17 +36,13 @@
     }
 
     .subtitle {
-      height: 30px;
-      display: inline-block;
-      min-width: 0;
-      font-size: @micro-text-size;
-      line-height: 1.4;
-      text-overflow: ellipsis;
-      overflow: hidden;
+      height: @mini-text-size * 1.2 * 2;
+      line-height: 1.2;
       font-size: @mini-text-size;
       color: @text-muted;
       font-family: @secondary-font;
       pointer-events: none;
+      .multiline-ellipsis(2);
     }
 
     flex: 1;