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

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>
t3chguy/dedup-icons-17oct
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
res/css/views/elements/_ReplyChain.scss
View File

@ -63,14 +63,3 @@ limitations under the License.
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;
}
}

20
res/css/views/rooms/_EventTile.scss
View File

@ -55,6 +55,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
user-select: none;
}
.mx_EventTile_body {
overflow-y: hidden;
}
.mx_EventTile_receiptSent,
.mx_EventTile_receiptSending {
position: relative;
@ -114,6 +118,17 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
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=group] {
&.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 {
box-shadow: inset calc(50px + $selected-message-border-width) 0 0 -50px $e2e-verified-color;
}