Align EventTile_line with display name on message bubble (#8692)

matrix-org · May 25, 2022 · dbd9911 · dbd9911
1 parent 249d52c
commit dbd9911
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -111,8 +111,10 @@ limitations under the License.
 
     .mx_DisambiguatedProfile,
     .mx_EventTile_line {
+        --EventBubbleTile_line-max-width: 70%;
+
         width: fit-content;
-        max-width: var(--EventBubbleTile_line-max-width);
+        max-width: var(--EventBubbleTile_line-max-width); // Align message bubble and displayName
         line-height: $font-18px; // fixed line height to prevent emoji from being taller than text
     }
 
@@ -264,7 +266,6 @@ limitations under the License.
 
     .mx_EventTile_line {
         --EventBubbleTile_line-margin-inline-end: -12px;
-        --EventBubbleTile_line-max-width: 70%;
 
         position: relative;
         display: flex;