mirror of https://github.com/vector-im/riot-web
Fix MessageTimestamp position next to redacted messages on IRC/modern layout (#8591)
parent
e6ec01fe86
commit
f54d54b3ff
|
@ -20,6 +20,7 @@ limitations under the License.
|
|||
font-size: $font-12px;
|
||||
width: 100%;
|
||||
overflow-x: auto; // Cancel overflow setting of .mx_EventTile_content
|
||||
line-height: normal; // Align with avatar and E2E icon
|
||||
|
||||
pre,
|
||||
code {
|
||||
|
|
|
@ -258,8 +258,12 @@ limitations under the License.
|
|||
}
|
||||
|
||||
&:not([data-layout=bubble]) {
|
||||
.mx_MessageTimestamp {
|
||||
top: 2px; // Align with avatar
|
||||
}
|
||||
|
||||
.mx_EventTile_avatar {
|
||||
top: 1.5px;
|
||||
top: 0; // Align with hidden event content
|
||||
left: calc($MessageTimestamp_width + 14px - 4px); // 14px: avatar width, 4px: align with text
|
||||
z-index: 9; // position above the hover styling
|
||||
}
|
||||
|
|
|
@ -116,6 +116,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
|
||||
.mx_EventTile_line {
|
||||
padding: 3px 0 2px; // Align with mx_EventTile_avatar and mx_EventTile_e2eIcon
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -278,7 +282,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
|
|||
.mx_GenericEventListSummary:not([data-layout=bubble]) {
|
||||
.mx_EventTile_line {
|
||||
padding-left: $left-gutter;
|
||||
line-height: normal;
|
||||
|
||||
.mx_RedactedBody {
|
||||
line-height: 1; // remove spacing between lines
|
||||
|
|
Loading…
Reference in New Issue