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:
parent
80be02b53c
commit
035786aae0
3 changed files with 30 additions and 30 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue