From 759fafe0c962ec944b90076a3ec2fc1c1bd350aa Mon Sep 17 00:00:00 2001 From: katspaugh <381895+katspaugh@users.noreply.github.com> Date: Tue, 3 Oct 2023 08:26:31 +0200 Subject: [PATCH] Fix: notifications popup: don't hide just one item (#2576) * Fix: notifications popup: don't hide just one item * Don't wrap txType --- src/components/notification-center/NotificationCenter/index.tsx | 2 +- src/components/transactions/TxType/styles.module.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/notification-center/NotificationCenter/index.tsx b/src/components/notification-center/NotificationCenter/index.tsx index 7664287965..89ff2e55d7 100644 --- a/src/components/notification-center/NotificationCenter/index.tsx +++ b/src/components/notification-center/NotificationCenter/index.tsx @@ -37,7 +37,7 @@ const NotificationCenter = (): ReactElement => { return notifications.slice().sort((a, b) => b.timestamp - a.timestamp) }, [notifications]) - const canExpand = notifications.length > NOTIFICATION_CENTER_LIMIT + const canExpand = notifications.length > NOTIFICATION_CENTER_LIMIT + 1 const notificationsToShow = canExpand && showAll ? chronologicalNotifications : chronologicalNotifications.slice(0, NOTIFICATION_CENTER_LIMIT) diff --git a/src/components/transactions/TxType/styles.module.css b/src/components/transactions/TxType/styles.module.css index 2a8aa827b3..e4e9a2cf4e 100644 --- a/src/components/transactions/TxType/styles.module.css +++ b/src/components/transactions/TxType/styles.module.css @@ -1,7 +1,7 @@ .txType { display: flex; align-items: center; - flex-wrap: wrap; + flex-wrap: nowrap; gap: var(--space-1); color: var(--color-text-primary); }