OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

pull/28217/head
Suguru Hirahara 2023-03-06 09:19:38 +00:00 committed by GitHub
parent bd4f79b9a2
commit 727afdc33a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/elements/_ReplyChain.pcss
View File

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_ReplyChain { .mx_ReplyChain {
margin: 0 0 $spacing-8 0; margin: 0; // Reset default blockquote margin
padding-left: 10px; // TODO: Use a spacing variable padding-left: 10px; // TODO: Use a spacing variable
border-left: 2px solid var(--username-color); // 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 border-radius: 2px; // TODO: Use a spacing variable

12
res/css/views/rooms/_EventTile.pcss
View File

@ -267,6 +267,10 @@ $left-gutter: 64px;
.mx_EventTileBubble { .mx_EventTileBubble {
margin-inline: auto; margin-inline: auto;
} }
.mx_ReplyChain {
margin-bottom: $spacing-8;
}
} }
&[data-layout="irc"] { &[data-layout="irc"] {
@ -295,6 +299,10 @@ $left-gutter: 64px;
} }
} }
.mx_ReplyChain {
margin: 0;
}
.mx_ReplyTile .mx_EventTileBubble { .mx_ReplyTile .mx_EventTileBubble {
left: unset; /* Cancel the value specified above for the tile inside ReplyTile */ 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); padding-block: var(--MatrixChat_useCompactLayout_line-spacing-block);
} }
.mx_ReplyChain {
margin-bottom: $spacing-4;
}
&.mx_EventTile_info { &.mx_EventTile_info {
padding-top: 0; /* same as the padding for non-compact .mx_EventTile.mx_EventTile_info */ padding-top: 0; /* same as the padding for non-compact .mx_EventTile.mx_EventTile_info */
font-size: $font-13px; font-size: $font-13px;

1
res/css/views/rooms/_IRCLayout.pcss
View File

@ -183,7 +183,6 @@ $irc-line-height: $font-18px;
} }
.mx_ReplyChain { .mx_ReplyChain {
margin: 0;
.mx_DisambiguatedProfile { .mx_DisambiguatedProfile {
order: unset; order: unset;
width: unset; width: unset;