From 1dce1157f4941779d3780679819eb5e48f2325fd Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 5 Aug 2021 08:43:38 +0530 Subject: [PATCH] notification badge contrast fixed --- src/app/atoms/badge/NotificationBadge.scss | 1 + src/app/molecules/channel-selector/ChannelSelector.scss | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/app/atoms/badge/NotificationBadge.scss b/src/app/atoms/badge/NotificationBadge.scss index 797edae..2f732ed 100644 --- a/src/app/atoms/badge/NotificationBadge.scss +++ b/src/app/atoms/badge/NotificationBadge.scss @@ -7,6 +7,7 @@ .text { color: var(--bg-surface-low); text-align: center; + font-weight: 700; } &--alert { diff --git a/src/app/molecules/channel-selector/ChannelSelector.scss b/src/app/molecules/channel-selector/ChannelSelector.scss index 3c6d3db..1b973c3 100644 --- a/src/app/molecules/channel-selector/ChannelSelector.scss +++ b/src/app/molecules/channel-selector/ChannelSelector.scss @@ -3,11 +3,13 @@ width: calc(100% - var(--sp-extra-tight)); margin-left: auto; padding: var(--sp-extra-tight) var(--sp-extra-tight); + border: 1px solid transparent; border-radius: var(--bo-radius); cursor: pointer; [dir=rtl] & { + margin: { left: 0; right: auto; @@ -56,7 +58,7 @@ margin: 0 var(--sp-ultra-tight); height: 8px; width: 8px; - background-color: var(--tc-surface-low); + background-color: var(--tc-surface-normal); border-radius: 50%; opacity: .4; }