ami/tl-vikunja
1
0
Fork 0
Code

fix(navigation): hover state of other menu items

Browse Source
This commit is contained in:
kolaente 2023-03-27 11:58:27 +02:00
parent 06c4c0d921
commit 7171b63947
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/home/navigation.vue
View File

@ -4,7 +4,7 @@
<router-link :to="{name: 'home'}" class="logo"> <router-link :to="{name: 'home'}" class="logo">
<Logo width="164" height="48"/> <Logo width="164" height="48"/>
</router-link> </router-link>
<ul class="menu-list"> <ul class="menu-list other-menu-items">
<li> <li>
<router-link :to="{ name: 'home'}" v-shortcut="'g o'"> <router-link :to="{ name: 'home'}" v-shortcut="'g o'">
<span class="menu-item-icon icon"> <span class="menu-item-icon icon">

5
src/styles/theme/navigation.scss
View File

@ -15,6 +15,7 @@
} }
.menu-list { .menu-list {
&.other-menu-items li,
li > section { li > section {
height: 44px; height: 44px;
display: flex; display: flex;
@ -23,7 +24,9 @@
&:hover { &:hover {
background: var(--white); background: var(--white);
} }
}
li > section {
.menu-list-dropdown { .menu-list-dropdown {
opacity: 1; opacity: 1;
transition: $transition; transition: $transition;
@ -70,7 +73,7 @@
} }
.list-menu-link, .list-menu-link,
li > section { li, li > section {
.collapse-project-button { .collapse-project-button {
padding: .5rem .25rem .5rem .5rem; padding: .5rem .25rem .5rem .5rem;