mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 19:46:36 +00:00
Fix HamburgerMenu
not working with
`rail SideNav`.
This commit is contained in:
parent
6daeb5dbf1
commit
d0ead2e74d
1 changed files with 8 additions and 1 deletions
|
@ -26,6 +26,7 @@
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher();
|
||||||
|
|
||||||
let winWidth = undefined;
|
let winWidth = undefined;
|
||||||
|
let railIsOpen = false;
|
||||||
|
|
||||||
$: dispatch(isOpen ? "open" : "close");
|
$: dispatch(isOpen ? "open" : "close");
|
||||||
|
|
||||||
|
@ -50,12 +51,18 @@
|
||||||
></div>
|
></div>
|
||||||
{/if}
|
{/if}
|
||||||
<nav
|
<nav
|
||||||
|
on:mouseenter="{() => {
|
||||||
|
if (rail) railIsOpen = true;
|
||||||
|
}}"
|
||||||
|
on:mouseleave="{() => {
|
||||||
|
if (railIsOpen) railIsOpen = false;
|
||||||
|
}}"
|
||||||
aria-hidden="{!isOpen}"
|
aria-hidden="{!isOpen}"
|
||||||
aria-label="{ariaLabel}"
|
aria-label="{ariaLabel}"
|
||||||
class:bx--side-nav__navigation="{true}"
|
class:bx--side-nav__navigation="{true}"
|
||||||
class:bx--side-nav="{true}"
|
class:bx--side-nav="{true}"
|
||||||
class:bx--side-nav--ux="{true}"
|
class:bx--side-nav--ux="{true}"
|
||||||
class:bx--side-nav--expanded="{isOpen && !rail}"
|
class:bx--side-nav--expanded="{isOpen || railIsOpen}"
|
||||||
class:bx--side-nav--collapsed="{!isOpen && !rail}"
|
class:bx--side-nav--collapsed="{!isOpen && !rail}"
|
||||||
class:bx--side-nav--rail="{rail}"
|
class:bx--side-nav--rail="{rail}"
|
||||||
{...$$restProps}
|
{...$$restProps}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue