Fix persistentHamburgerMenu offset behavior.

This commit is contained in:
jqlio18 2022-12-18 23:17:56 -05:00
commit bd570780db
3 changed files with 14 additions and 3 deletions

View file

@ -3,7 +3,10 @@
export let id = "main-content"; export let id = "main-content";
import { Grid, Row, Column } from "../Grid"; import { Grid, Row, Column } from "../Grid";
import { shouldRenderHamburgerMenu } from "./navStore"; import {
shouldRenderHamburgerMenu,
isPersistentHamburgerMenu,
} from "./navStore";
</script> </script>
<div <div
@ -19,7 +22,9 @@
<Grid> <Grid>
<Row> <Row>
<Column <Column
lg="{$shouldRenderHamburgerMenu ? { span: 13, offset: 3 } : {}}" lg="{$shouldRenderHamburgerMenu && !$isPersistentHamburgerMenu
? { span: 13, offset: 3 }
: {}}"
> >
<slot /> <slot />
</Column> </Column>

View file

@ -62,11 +62,15 @@
import Close from "../icons/Close.svelte"; import Close from "../icons/Close.svelte";
import Menu from "../icons/Menu.svelte"; import Menu from "../icons/Menu.svelte";
import { shouldRenderHamburgerMenu } from "./navStore"; import {
shouldRenderHamburgerMenu,
isPersistentHamburgerMenu,
} from "./navStore";
import HamburgerMenu from "./HamburgerMenu.svelte"; import HamburgerMenu from "./HamburgerMenu.svelte";
let winWidth = undefined; let winWidth = undefined;
$: $isPersistentHamburgerMenu = persistentHamburgerMenu;
$: isSideNavOpen = $: isSideNavOpen =
expandedByDefault && expandedByDefault &&
winWidth >= expansionBreakpoint && winWidth >= expansionBreakpoint &&

View file

@ -1,3 +1,5 @@
import { writable } from "svelte/store"; import { writable } from "svelte/store";
export const shouldRenderHamburgerMenu = writable(false); export const shouldRenderHamburgerMenu = writable(false);
export const isPersistentHamburgerMenu = writable(false);