mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 03:26:36 +00:00
fix(ui-shell): remove fly transition from hamburger menu
This commit is contained in:
parent
1e72ea9942
commit
7d6a0940b6
1 changed files with 1 additions and 3 deletions
|
@ -11,22 +11,20 @@
|
||||||
/** Obtain a reference to the HTML button element */
|
/** Obtain a reference to the HTML button element */
|
||||||
export let ref = null;
|
export let ref = null;
|
||||||
|
|
||||||
import { fly } from "svelte/transition";
|
|
||||||
import Close20 from "carbon-icons-svelte/lib/Close20";
|
import Close20 from "carbon-icons-svelte/lib/Close20";
|
||||||
import Menu20 from "carbon-icons-svelte/lib/Menu20";
|
import Menu20 from "carbon-icons-svelte/lib/Menu20";
|
||||||
import { Icon } from "../../Icon";
|
import { Icon } from "../../Icon";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
|
||||||
bind:this="{ref}"
|
bind:this="{ref}"
|
||||||
|
type="button"
|
||||||
title="Open menu"
|
title="Open menu"
|
||||||
aria-label="{ariaLabel}"
|
aria-label="{ariaLabel}"
|
||||||
class:bx--header__action="{true}"
|
class:bx--header__action="{true}"
|
||||||
class:bx--header__menu-trigger="{true}"
|
class:bx--header__menu-trigger="{true}"
|
||||||
class:bx--header__menu-toggle="{true}"
|
class:bx--header__menu-toggle="{true}"
|
||||||
{...$$restProps}
|
{...$$restProps}
|
||||||
transition:fly="{{ x: -200, delay: 50, duration: 250 }}"
|
|
||||||
on:click
|
on:click
|
||||||
on:click="{() => (isOpen = !isOpen)}"
|
on:click="{() => (isOpen = !isOpen)}"
|
||||||
>
|
>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue