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

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
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

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,