Reduce bottom margin of ReplyChain on compact modern layout (#8972)

matrix-org · Mar 6, 2023 · 727afdc · 727afdc
1 parent bd4f79b
commit 727afdc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/res/css/views/elements/_ReplyChain.pcss b/res/css/views/elements/_ReplyChain.pcss
@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_ReplyChain {
-    margin: 0 0 $spacing-8 0;
+    margin: 0; // Reset default blockquote margin
     padding-left: 10px; // TODO: Use a spacing variable
     border-left: 2px solid var(--username-color); // TODO: Use a spacing variable
     border-radius: 2px; // TODO: Use a spacing variable

diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss
@@ -267,6 +267,10 @@ $left-gutter: 64px;
         .mx_EventTileBubble {
             margin-inline: auto;
         }
+
+        .mx_ReplyChain {
+            margin-bottom: $spacing-8;
+        }
     }
 
     &[data-layout="irc"] {
@@ -295,6 +299,10 @@ $left-gutter: 64px;
             }
         }
 
+        .mx_ReplyChain {
+            margin: 0;
+        }
+
         .mx_ReplyTile .mx_EventTileBubble {
             left: unset; /* Cancel the value specified above for the tile inside ReplyTile */
         }
@@ -1244,6 +1252,10 @@ $left-gutter: 64px;
                 padding-block: var(--MatrixChat_useCompactLayout_line-spacing-block);
             }
 
+            .mx_ReplyChain {
+                margin-bottom: $spacing-4;
+            }
+
             &.mx_EventTile_info {
                 padding-top: 0; /* same as the padding for non-compact .mx_EventTile.mx_EventTile_info */
                 font-size: $font-13px;

diff --git a/res/css/views/rooms/_IRCLayout.pcss b/res/css/views/rooms/_IRCLayout.pcss
@@ -183,7 +183,6 @@ $irc-line-height: $font-18px;
     }
 
     .mx_ReplyChain {
-        margin: 0;
         .mx_DisambiguatedProfile {
             order: unset;
             width: unset;