GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 08:46:37 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix sticky toolbar which was broken when introducing var(--toolbar-size)

Browse source
This commit is contained in:
Henrik Giesel 2021-04-08 23:25:13 +02:00
parent eceb98f8e6
commit 8fd21661b4
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ts/editor-toolbar/EditorToolbar.svelte
View file

@ -27,11 +27,16 @@
$: _menus = $menus;
export let nightMode: boolean;
export let size: number = 30;
export let wraps: boolean = true;
setContext(nightModeKey, nightMode);
setContext(disabledKey, disabled);
export let size: number = 30;
export let wraps: boolean = true;
$: style = `--toolbar-size: ${size}px; --toolbar-wrap: ${
wraps ? "wrap" : "nowrap"
}`;
</script>
<style lang="scss">
@ -57,14 +62,12 @@
}
</style>
<div style={`--toolbar-size: ${size}px; --toolbar-wrap: ${wraps ? 'wrap' : 'nowrap'}`}>
<div>
{#each _menus as menu}
<svelte:component this={menu.component} {...menu} />
{/each}
</div>
<nav>
<ButtonGroup buttons={_buttons} />
</nav>
<div {style}>
{#each _menus as menu}
<svelte:component this={menu.component} {...menu} />
{/each}
</div>
<nav {style}>
<ButtonGroup buttons={_buttons} />
</nav>