Move mx_EventTile_body out of mx_EventTile:not([data-layout=bubble]) (#8958)

* Move mx_EventTile_body out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Enable overflow scroll on expanded ReplyChain on bubble layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-07-01 17:04:33 +09:00 committed by GitHub
parent e72598e40b
commit bf281c1b6b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 16 deletions

View file

@ -63,14 +63,3 @@ limitations under the License.
border-left-color: $username-variant8-color; border-left-color: $username-variant8-color;
} }
} }
.mx_ReplyChain--expanded {
.mx_EventTile_body {
display: block;
overflow-y: scroll !important;
}
.mx_EventTile_collapsedCodeBlock {
// !important needed due to .mx_ReplyTile .mx_EventTile_content .mx_EventTile_pre_container > pre
display: block !important;
}
}

View file

@ -55,6 +55,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
user-select: none; user-select: none;
} }
.mx_EventTile_body {
overflow-y: hidden;
}
.mx_EventTile_receiptSent, .mx_EventTile_receiptSent,
.mx_EventTile_receiptSending { .mx_EventTile_receiptSending {
position: relative; position: relative;
@ -114,6 +118,17 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
gap: $spacing-4; gap: $spacing-4;
} }
.mx_ReplyChain--expanded {
.mx_EventTile_body {
display: block;
overflow-y: scroll;
}
.mx_EventTile_collapsedCodeBlock {
display: block !important; // !important needed due to .mx_ReplyTile .mx_EventTile_content .mx_EventTile_pre_container > pre
}
}
&[data-layout=irc], &[data-layout=irc],
&[data-layout=group] { &[data-layout=group] {
&.mx_EventTile_highlight, &.mx_EventTile_highlight,
@ -302,11 +317,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
/* De-zalgoing */
.mx_EventTile_body {
overflow-y: hidden;
}
&:hover.mx_EventTile_verified .mx_EventTile_line { &:hover.mx_EventTile_verified .mx_EventTile_line {
box-shadow: inset calc(50px + $selected-message-border-width) 0 0 -50px $e2e-verified-color; box-shadow: inset calc(50px + $selected-message-border-width) 0 0 -50px $e2e-verified-color;
} }