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">
<Logo width="164" height="48"/>
</router-link>
<ul class="menu-list">
<ul class="menu-list other-menu-items">
<li>
<router-link :to="{ name: 'home'}" v-shortcut="'g o'">
<span class="menu-item-icon icon">

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

@ -15,6 +15,7 @@
}
.menu-list {
&.other-menu-items li,
li > section {
height: 44px;
display: flex;
@ -23,7 +24,9 @@
&:hover {
background: var(--white);
}
}
li > section {
.menu-list-dropdown {
opacity: 1;
transition: $transition;
@ -39,7 +42,7 @@
}
}
}
li > ul {
margin: 0 0 0 var(--menu-nested-list-margin);
}
@ -70,20 +73,20 @@
}
.list-menu-link,
li > section {
li, li > section {
.collapse-project-button {
padding: .5rem .25rem .5rem .5rem;
svg {
transition: all $transition;
color: var(--grey-400);
}
}
.collapse-project-button-placeholder {
width: 2.25rem;
}
> a {
color: $vikunja-nav-color;
padding: .75rem .5rem .75rem .25rem;