diff --git a/res/css/views/elements/_ReplyChain.pcss b/res/css/views/elements/_ReplyChain.pcss index 00334466009..090a0bcbe89 100644 --- 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 index 5425697ff9f..3b083ecfee8 100644 --- 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"] { @@ -291,6 +295,10 @@ $left-gutter: 64px; } } + .mx_ReplyChain { + margin: 0; + } + .mx_ReplyTile .mx_EventTileBubble { left: unset; /* Cancel the value specified above for the tile inside ReplyTile */ } @@ -1248,6 +1256,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 index 02ae02fa5eb..ba97e3f84ce 100644 --- a/res/css/views/rooms/_IRCLayout.pcss +++ b/res/css/views/rooms/_IRCLayout.pcss @@ -177,7 +177,6 @@ $irc-line-height: $font-18px; } .mx_ReplyChain { - margin: 0; .mx_DisambiguatedProfile { order: unset; width: unset;