diff --git a/.changeset/fix-notification-dot-alignment.md b/.changeset/fix-notification-dot-alignment.md new file mode 100644 index 000000000..3896b3b17 --- /dev/null +++ b/.changeset/fix-notification-dot-alignment.md @@ -0,0 +1,5 @@ +--- +default: patch +--- + +Fix notification dot badge appearing off-center on sidebar avatars diff --git a/src/app/components/sidebar/Sidebar.css.ts b/src/app/components/sidebar/Sidebar.css.ts index b96307ae0..457ceecbe 100644 --- a/src/app/components/sidebar/Sidebar.css.ts +++ b/src/app/components/sidebar/Sidebar.css.ts @@ -134,8 +134,8 @@ export const SidebarItemBadge = recipe({ left: toRem(-6), }, false: { - top: toRem(-2), - left: toRem(-2), + top: toRem(-4), + left: toRem(-4), }, }, }, @@ -167,9 +167,9 @@ export const SidebarItemBadge = recipe({ style: { selectors: { 'div:has(> button[data-id]) &': { - top: toRem(2), + top: toRem(0), left: 'auto', - right: toRem(2), + right: toRem(0), }, }, }, diff --git a/src/app/pages/client/sidebar/DirectDMsList.tsx b/src/app/pages/client/sidebar/DirectDMsList.tsx index f2573b611..14d93eb74 100644 --- a/src/app/pages/client/sidebar/DirectDMsList.tsx +++ b/src/app/pages/client/sidebar/DirectDMsList.tsx @@ -141,7 +141,7 @@ function DMItem({ room, selected }: DMItemProps) { 0} style={{ - left: unread.total > 0 ? toRem(-6) : toRem(-2), + left: unread.total > 0 ? toRem(-6) : toRem(-4), right: 'auto', }} > diff --git a/src/app/pages/client/sidebar/DirectTab.tsx b/src/app/pages/client/sidebar/DirectTab.tsx index 3503c7f92..a1ff6ff58 100644 --- a/src/app/pages/client/sidebar/DirectTab.tsx +++ b/src/app/pages/client/sidebar/DirectTab.tsx @@ -118,7 +118,7 @@ export function DirectTab() { 0} style={{ - left: directUnread.total > 0 ? toRem(-6) : toRem(-2), + left: directUnread.total > 0 ? toRem(-6) : toRem(-4), right: 'auto', }} > diff --git a/src/app/pages/client/sidebar/HomeTab.tsx b/src/app/pages/client/sidebar/HomeTab.tsx index 611957f33..7401e4233 100644 --- a/src/app/pages/client/sidebar/HomeTab.tsx +++ b/src/app/pages/client/sidebar/HomeTab.tsx @@ -112,7 +112,7 @@ export function HomeTab() { 0} style={{ - left: homeUnread.total > 0 ? toRem(-6) : toRem(-2), + left: homeUnread.total > 0 ? toRem(-6) : toRem(-4), right: 'auto', }} > diff --git a/src/app/pages/client/sidebar/SpaceTabs.tsx b/src/app/pages/client/sidebar/SpaceTabs.tsx index a758cc1f8..670f60b84 100644 --- a/src/app/pages/client/sidebar/SpaceTabs.tsx +++ b/src/app/pages/client/sidebar/SpaceTabs.tsx @@ -468,7 +468,7 @@ function SpaceTab({ 0} style={{ - left: unread.total > 0 ? toRem(-6) : toRem(-2), + left: unread.total > 0 ? toRem(-6) : toRem(-4), right: 'auto', }} > @@ -609,7 +609,7 @@ function ClosedSpaceFolder({ 0} style={{ - left: unread.total > 0 ? toRem(-6) : toRem(-2), + left: unread.total > 0 ? toRem(-6) : toRem(-4), right: 'auto', }} >