malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Improve navigation menu hover style with submenus

Browse Source
This commit is contained in:
Tetrakern 2024-12-17 18:47:52 +01:00
parent af12e3d4cf
commit 96f7cf4b66
4 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

6
src/scss/_icon-menu.scss
View File

@ -55,12 +55,6 @@
@include bp(desktop) {
border-radius: var(--layout-border-radius-small);
}
&.menu-item-has-children {
@include bp(desktop) {
border-radius: var(--layout-border-radius-small) var(--layout-border-radius-small) 0 0;
}
}
}
.sub-menu .menu-item :where(a, label, button):where(:not(._no-menu-item-style)) {

17
src/scss/_navigation.scss
View File

@ -204,12 +204,6 @@
@include bp(desktop) {
border-radius: var(--layout-border-radius-small);
}
&.menu-item-has-children {
@include bp(desktop) {
border-radius: var(--layout-border-radius-small) var(--layout-border-radius-small) 0 0;
}
}
}
}
}
@ -220,6 +214,17 @@
height: fit-content;
transition: background-color .1s;
&.menu-item-has-children {
transition: background-color .1s, border-radius .1s;
transition-delay: 0s, .3s;
&:hover {
@include bp(desktop) {
border-radius: var(--layout-border-radius-small) var(--layout-border-radius-small) 0 0;
}
}
}
&:not(:hover) {
.sub-menu {
pointer-events: none;