sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

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

Browse Source 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara
2022-06-29 09:32:48 +02:00
committed by GitHub
parent eaf13d490e
commit 1304ff18a5
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/rooms/_EventTile.scss
+10 -2
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));
}
} }
} }