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

Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble]) on TimelineCard (#8937) 

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
Suguru Hirahara 2022-06-30 08:59:11 +00:00 committed by GitHub
parent 35a4e981e3
commit 171f5adff6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
res/css/views/right_panel/_TimelineCard.scss
View File

@ -51,7 +51,6 @@ limitations under the License.
}
.mx_EventTile_avatar {
position: absolute; // for IRC layout
inset-inline-start: -3px;
}
@ -74,6 +73,10 @@ limitations under the License.
max-width: unset;
}
.mx_MessageTimestamp {
inset-inline: auto 0;
}
.mx_ReactionsRow {
margin-inline-end: $spacing-8; // See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.scss
}
@ -84,6 +87,13 @@ limitations under the License.
}
}
&[data-layout=irc] {
.mx_EventTile_avatar,
.mx_MessageTimestamp {
position: absolute;
}
}
&[data-layout=bubble] {
&::before {
z-index: auto; // enable background color on hover
@ -97,14 +107,6 @@ limitations under the License.
position: relative; // display on hover
}
}
&:not([data-layout="bubble"]) {
.mx_MessageTimestamp {
position: absolute; // for modern layout and IRC layout
inset-inline-start: auto;
inset-inline-end: 0;
}
}
}
.mx_EventTile,