From 1493c4f80655512b8d81e020143212dfef2790bb Mon Sep 17 00:00:00 2001 From: Alexey Date: Thu, 26 Sep 2024 20:06:01 +0300 Subject: [PATCH] Update mobile menu hover styles --- .../frontend/src/components/layout/navbar/NavLink.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/frontend/src/components/layout/navbar/NavLink.scss b/packages/frontend/src/components/layout/navbar/NavLink.scss index fec2cf37b..45e1599af 100644 --- a/packages/frontend/src/components/layout/navbar/NavLink.scss +++ b/packages/frontend/src/components/layout/navbar/NavLink.scss @@ -30,14 +30,24 @@ text-align: center; border: 1px solid rgba(255, 255, 255, .07); top: 0; + transition: all .1s; &--Active { border: 1px solid $color-brand-normal; + color: $color-brand-normal !important; background: rgba(255, 255, 255, .02); + cursor: default; + } + + &:not(.NavLink--Active):hover { + background: rgba(255, 255, 255, .1); + box-shadow: 0 0px 20px 0px rgba(255, 255, 255, .25) inset; } &:active { color: #fff; + transform: translateY(1px); + background: rgba(255, 255, 255, .05); } } }