From 6322a4e533cf143828be3e45f7017788d33ed29d Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Wed, 20 Apr 2022 06:01:46 +0000
Subject: [PATCH] Use $font variable, camel case, and remove line-clamp

Since there is not a variable $font-15.6px, which is equal to 1.6em here,
$font-16px is used as the nearest value instead.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/rooms/_RoomHeader.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/res/css/views/rooms/_RoomHeader.scss b/res/css/views/rooms/_RoomHeader.scss
index 897fd1c997a..c7b45e92ff1 100644
--- a/res/css/views/rooms/_RoomHeader.scss
+++ b/res/css/views/rooms/_RoomHeader.scss
@@ -141,25 +141,24 @@ limitations under the License.
 }
 
 .mx_RoomHeader_topic {
-    $line-height: 1.2em;
+    $lineHeight: $font-16px;
     $lines: 2;
 
     flex: 1;
     color: $roomtopic-color;
     font-weight: 400;
     font-size: $font-13px;
+    line-height: $lineHeight;
+    max-height: calc($lineHeight * $lines);
     border-bottom: 1px solid transparent;
-    line-height: $line-height;
-    max-height: calc($line-height * $lines);
 
     // to align baseline of topic with room name
     margin: 4px 7px 0;
 
     overflow: hidden;
-    line-clamp: $lines; // https://drafts.csswg.org/css-overflow-3/#line-clamp
-    display: -webkit-box;
-    -webkit-line-clamp: $lines;
+    -webkit-line-clamp: $lines; // legacy compatibility. See: https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
     -webkit-box-orient: vertical;
+    display: -webkit-box;
 }
 
 .mx_RoomHeader_avatar {