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

Fix some bugs with rail variant and fix offset

Browse source 
when side nav was not present.
This commit is contained in:
jqlio18 2022-12-18 12:28:19 -05:00
commit d5251ff47c
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/UIShell/Content.svelte
View file

@ -3,6 +3,7 @@
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";
</script> </script>
<div <div
@ -17,7 +18,9 @@
> >
<Grid narrow noGutter> <Grid narrow noGutter>
<Row> <Row>
<Column lg="{{ span: 13, offset: 3 }}"> <Column
lg="{$shouldRenderHamburgerMenu ? { span: 13, offset: 3 } : {}}"
>
<slot /> <slot />
</Column> </Column>
</Row> </Row>

4
src/UIShell/SideNav.svelte
View file

@ -55,8 +55,8 @@
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}" class:bx--side-nav--expanded="{isOpen && !rail}"
class:bx--side-nav--collapsed="{!isOpen}" class:bx--side-nav--collapsed="{!isOpen && !rail}"
class:bx--side-nav--rail="{rail}" class:bx--side-nav--rail="{rail}"
{...$$restProps} {...$$restProps}
> >