vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix(navigation): hover state of other menu items

This commit is contained in:
kolaente 2023-03-27 11:58:27 +02:00
parent 06c4c0d921
commit 7171b63947
Signed by: konrad
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">

13
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;
@ -39,7 +42,7 @@
} }
} }
} }
li > ul { li > ul {
margin: 0 0 0 var(--menu-nested-list-margin); margin: 0 0 0 var(--menu-nested-list-margin);
} }
@ -70,20 +73,20 @@
} }
.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;
svg { svg {
transition: all $transition; transition: all $transition;
color: var(--grey-400); color: var(--grey-400);
} }
} }
.collapse-project-button-placeholder { .collapse-project-button-placeholder {
width: 2.25rem; width: 2.25rem;
} }
> a { > a {
color: $vikunja-nav-color; color: $vikunja-nav-color;
padding: .75rem .5rem .75rem .25rem; padding: .75rem .5rem .75rem .25rem;