From 399d7d574f11c940e6ab9f69092a2d907590d369 Mon Sep 17 00:00:00 2001 From: Gauthier <ext.sopra.glefevre@grandlyon.com> Date: Wed, 3 Jun 2020 17:45:21 +0200 Subject: [PATCH] =?UTF-8?q?modifications-pour-similarit=C3=A9-Desktop?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ContentComponents/Navbar/Navbar.tsx | 2 +- src/styles/components/_nav.scss | 16 ++++++++++++---- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/src/components/ContentComponents/Navbar/Navbar.tsx b/src/components/ContentComponents/Navbar/Navbar.tsx index 1d85441cb..7c4d346bb 100644 --- a/src/components/ContentComponents/Navbar/Navbar.tsx +++ b/src/components/ContentComponents/Navbar/Navbar.tsx @@ -40,7 +40,7 @@ export const Navbar = ({ t }: NavbarProps) => { activeClassName="is-active" > {challengeNotification && ( - <div className="icons-notif nb-defis-notif text-14-bold">1</div> + <div className="icons-notif nb-defis-notif text-16-bold">1</div> )} <Icon className="c-nav-icon off" icon={ChallengeIconOff} /> <Icon className="c-nav-icon on" icon={ChallengeIconOn} /> diff --git a/src/styles/components/_nav.scss b/src/styles/components/_nav.scss index a476bb206..46946909a 100644 --- a/src/styles/components/_nav.scss +++ b/src/styles/components/_nav.scss @@ -78,12 +78,20 @@ } .nb-defis-notif { + @media #{$large-phone} { + left: 25px; + padding: 4px; + width: 0.75rem; + height: 0.75rem; + top: 0px; + } position: absolute; - left: 25px; - padding: 4px; border-radius: 50%; - width: 0.65rem; - height: 0.65rem; z-index: 1; + height: 1.2rem; + width: 1.2rem; background: $blue-radial-gradient; + left: 45px; + top: 7px; + text-align: center; } -- GitLab