Give status a max-height

Signed-off-by: Šimon Brandner <[email protected]>
matrix-org · Dec 10, 2021 · c6bb1d7 · c6bb1d7
1 parent a8dc0e6
commit c6bb1d7
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
@@ -204,10 +204,19 @@ limitations under the License.
     }
 
     .mx_UserInfo_statusMessage {
+        $statusLineHeight: 16px;
+        $statusNumberOfLines: 3;
+
         font-size: $font-11px;
+        line-height: $statusLineHeight;
         opacity: 0.5;
         overflow: hidden;
-        text-overflow: clip;
+        word-break: break-word;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        max-height: calc($statusLineHeight * $statusNumberOfLines);
+        -webkit-line-clamp: $statusNumberOfLines;
+        -webkit-box-orient: vertical;
     }
 
     .mx_AutoHideScrollbar {