Wrap status message (#7325)

* Wrap status message Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com> * Give status a max-height Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
matrix-org · Dec 28, 2021 · e759a85 · e759a85
1 parent 13028d3
commit e759a85
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/res/css/views/right_panel/_UserInfo.scss b/res/css/views/right_panel/_UserInfo.scss
@@ -204,11 +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;
-        white-space: nowrap;
-        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 {