KevinMidboe/planetposen
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen.git synced 2025-10-29 17:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide hover animation with .noHover class for logo.

Browse Source
This commit is contained in:
Kevin
2020-07-26 21:20:59 +02:00
parent 2fcc0224ba
commit 6fe6349f4b
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/Navigation.vue
View File

@@ -5,7 +5,7 @@
<!-- Desktop menu --> <!-- Desktop menu -->
<div class="main-content" v-if="!isMobile"> <div class="main-content" v-if="!isMobile">
<div class="logo"> <div class="logo">
<router-link to="/"> <router-link to="/" class="noHover">
<logo :isDark="showDarkText"/> <logo :isDark="showDarkText"/>
</router-link> </router-link>
</div> </div>
@@ -124,11 +124,13 @@ header {
z-index: 10; z-index: 10;
color: black; color: black;
width: 100%; width: 100%;
}
&.dark a, &.dark span { .dark {
a, span {
color: var(--color-background); color: var(--color-background);
&:hover { &:hover:not(.noHover) {
border-color: var(--color-background) !important; border-color: var(--color-background) !important;
} }
} }
@@ -162,7 +164,7 @@ a, span {
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
cursor: pointer; cursor: pointer;
&:hover { &:hover:not(.noHover) {
border-bottom: 2px solid white; border-bottom: 2px solid white;
} }
} }