From cf2ab6becb5c88b7843a99a68a7dd76e9d1e4704 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: "";