mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #149 from pbxothi/patch-1

Browse source 
Fix window is undefined
This commit is contained in:
Eric Liu 2020-03-09 08:00:27 -07:00 • committed by GitHub
commit fbf539ab1d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/UIShell/UIShell.svelte
View file

@ -16,21 +16,14 @@
import HamburgerMenu from './UIShellSideNav/HamburgerMenu.svelte'; import HamburgerMenu from './UIShellSideNav/HamburgerMenu.svelte';
let isSideNavOpen = undefined; let isSideNavOpen = undefined;
let winWidth = window.innerWidth; let winWidth = undefined;
$: isSideNavOpen = winWidth >= 1056
window.addEventListener('resize', () => {
winWidth = window.innerWidth;
if (winWidth >= 1056) {
isSideNavOpen = true;
} else {
isSideNavOpen = false;
}
});
$: ariaLabel = company + (uiShellAriaLabel || $$props['aria-label'] || platformName); $: ariaLabel = company + (uiShellAriaLabel || $$props['aria-label'] || platformName);
</script> </script>
<svelte:window bind:innerWidth={winWidth} />
<header aria-label={ariaLabel} class={cx('--header')} role="banner"> <header aria-label={ariaLabel} class={cx('--header')} role="banner">
{#if winWidth < 1056} {#if winWidth < 1056}
<HamburgerMenu bind:isOpen={isSideNavOpen} /> <HamburgerMenu bind:isOpen={isSideNavOpen} />