From 1f4e3d58cdb1eab3fd564b7ca7032d2d08b6f05b Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Mon, 7 Nov 2022 12:47:57 -0800 Subject: [PATCH] transitions for navbar hover --- packages/client/src/ui/_common_/navbar.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue index ee4c39986..735560f3f 100644 --- a/packages/client/src/ui/_common_/navbar.vue +++ b/packages/client/src/ui/_common_/navbar.vue @@ -283,6 +283,7 @@ function more(ev: MouseEvent) { &:hover, &.active { &:before { background: var(--accentLighten); + transition: all 0.4s ease; } } @@ -373,6 +374,7 @@ function more(ev: MouseEvent) { &:hover { text-decoration: none; color: var(--navHoverFg); + transition: all 0.4s ease; } &.active { @@ -381,6 +383,7 @@ function more(ev: MouseEvent) { &:hover, &.active { color: var(--accent); + transition: all 0.4s ease; &:before { content: ""; @@ -466,6 +469,7 @@ function more(ev: MouseEvent) { &:hover, &.active { &:before { background: var(--accentLighten); + transition: all 0.4s ease; } } @@ -534,6 +538,7 @@ function more(ev: MouseEvent) { &:hover, &.active { text-decoration: none; color: var(--accent); + transition: all 0.4s ease; &:before { content: "";