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

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,