matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-07 21:23:00 +03:00
Code Activity

Include mx_EventTile_bubbleContainer in mx_EventTile (#8960)

Browse Source
This commit is contained in:
Suguru Hirahara
2022-07-01 16:25:23 +09:00
committed by GitHub
parent a2f31fdfb4
commit 2bc6575503
1 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,6 +28,28 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
color: $alert;
}
&.mx_EventTile_bubbleContainer {
display: grid;
grid-template-columns: 1fr 100px;
.mx_EventTile_line {
margin-right: 0;
grid-column: 1 / 3;
padding: 0 !important; // override default padding of mx_EventTile_line so that we can be centered
}
.mx_EventTile_msgOption {
grid-column: 2;
}
&:hover {
.mx_EventTile_line {
// To avoid bubble events being highlighted
background-color: inherit !important;
}
}
}
.mx_EventTile_avatar {
cursor: pointer;
user-select: none;
@@ -463,29 +485,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
// on ELS we need the margin to allow interaction with the expand/collapse button which is normally in the RR gutter
}
.mx_EventTile_bubbleContainer {
display: grid;
grid-template-columns: 1fr 100px;
.mx_EventTile_line {
margin-right: 0;
grid-column: 1 / 3;
// override default padding of mx_EventTile_line so that we can be centered
padding: 0 !important;
}
.mx_EventTile_msgOption {
grid-column: 2;
}
&:hover {
.mx_EventTile_line {
// To avoid bubble events being highlighted
background-color: inherit !important;
}
}
}
.mx_EventTile_bigEmoji {
font-size: 48px;
line-height: 57px;