Move mx_EventTile_line and mx_EventTile_reply out of mx_EventTile:not([data-layout=bubble]) (#8910)
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
@@ -34,9 +34,25 @@ limitations under the License.
|
||||
.mx_EventTile {
|
||||
&[data-layout=irc],
|
||||
&[data-layout=group] {
|
||||
&.mx_EventTile_info .mx_EventTile_line,
|
||||
.mx_EventTile_line {
|
||||
padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
|
||||
padding-inline-end: $MessageTimestamp_width; // ensure timestamp is not hidden
|
||||
|
||||
.mx_EventTile_e2eIcon {
|
||||
inset-inline-start: $spacing-8;
|
||||
}
|
||||
}
|
||||
|
||||
&.mx_EventTile_info {
|
||||
.mx_EventTile_avatar {
|
||||
inset-inline-start: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_EventTile_avatar {
|
||||
position: absolute; // for IRC layout
|
||||
left: -3px;
|
||||
inset-inline-start: -3px;
|
||||
}
|
||||
|
||||
.mx_EventTile_msgOption {
|
||||
@@ -83,27 +99,11 @@ limitations under the License.
|
||||
}
|
||||
|
||||
&:not([data-layout="bubble"]) {
|
||||
&.mx_EventTile_info .mx_EventTile_line,
|
||||
.mx_EventTile_line {
|
||||
padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
|
||||
padding-inline-end: $MessageTimestamp_width; // ensure timestamp is not hidden
|
||||
|
||||
.mx_EventTile_e2eIcon {
|
||||
inset-inline-start: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
position: absolute; // for modern layout and IRC layout
|
||||
inset-inline-start: auto;
|
||||
inset-inline-end: 0;
|
||||
}
|
||||
|
||||
&.mx_EventTile_info {
|
||||
.mx_EventTile_avatar {
|
||||
left: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user