Fix padding of messages in threads (#8574)
* Apply the padding setting of EventTile_line of ThreadView to TimelineCard Set 2px padding-top and padding-bottom property to EventTile_line on IRC/modern layout of TimelineCard. Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> f Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move position property of mx_EventTile_e2eIcon from ThreadPanel to TimelineCard The E2E icon is available only on TimelineCard. Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
parent
b331099525
commit
1fc8009109
4 changed files with 13 additions and 19 deletions
|
@ -869,6 +869,11 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
|
||||
&:not([data-layout=bubble]) {
|
||||
padding-top: $spacing-16;
|
||||
|
||||
.mx_EventTile_line {
|
||||
padding-top: var(--BaseCard_EventTile_line-padding-block);
|
||||
padding-bottom: var(--BaseCard_EventTile_line-padding-block);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -980,13 +985,4 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
padding-right: 11px; // align with right edge of input
|
||||
margin-right: 0; // align with right edge of background
|
||||
}
|
||||
|
||||
.mx_GroupLayout {
|
||||
.mx_EventTile {
|
||||
.mx_EventTile_line {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue