fix(ui-shell): remove fly transition from hamburger menu

This commit is contained in:
Eric Liu 2020-11-26 16:17:53 -08:00
commit 7d6a0940b6

View file

@ -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)}"
> >