OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Align unread notification dot on threads list in compact modern=group layout (#8911) 

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
Suguru Hirahara 2022-06-29 07:32:48 +00:00 committed by GitHub
parent eaf13d490e
commit 1304ff18a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
res/css/views/rooms/_EventTile.scss
View File

@ -782,10 +782,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
// Display notification dot // Display notification dot
&[data-notification]::before { &[data-notification]::before {
$notification-inset-block-start: 14px; // 14px: align the dot with the timestamp row
width: $notification-dot-size; width: $notification-dot-size;
height: $notification-dot-size; height: $notification-dot-size;
border-radius: 50%; border-radius: 50%;
inset: 14px $spacing-8 auto auto; // 14px: align the dot with the timestamp row inset: $notification-inset-block-start $spacing-8 auto auto;
} }
&[data-notification=total]::before { &[data-notification=total]::before {
@ -1076,7 +1078,9 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_EventTile { .mx_EventTile {
// Override :not([data-layout="bubble"]) // Override :not([data-layout="bubble"])
&[data-layout=group] { &[data-layout=group] {
padding-top: $spacing-4; --MatrixChat_useCompactLayout_group-padding-top: $spacing-4;
padding-top: var(--MatrixChat_useCompactLayout_group-padding-top);
&.mx_EventTile_info { &.mx_EventTile_info {
padding-top: 0; // same as the padding for non-compact .mx_EventTile.mx_EventTile_info padding-top: 0; // same as the padding for non-compact .mx_EventTile.mx_EventTile_info
@ -1152,6 +1156,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
} }
&[data-shape=ThreadsList][data-notification]::before {
inset-block-start: calc($notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top));
}
} }
} }