GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-10 14:47:12 -05: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; $: _menus = $menus;
export let nightMode: boolean; export let nightMode: boolean;
export let size: number = 30;
export let wraps: boolean = true;
setContext(nightModeKey, nightMode); setContext(nightModeKey, nightMode);
setContext(disabledKey, disabled); setContext(disabledKey, disabled);
export let size: number = 30;
export let wraps: boolean = true;
$: style = `--toolbar-size: ${size}px; --toolbar-wrap: ${
wraps ? "wrap" : "nowrap"
}`;
</script> </script>
<style lang="scss"> <style lang="scss">
@ -57,14 +62,12 @@
} }
</style> </style>
<div style={`--toolbar-size: ${size}px; --toolbar-wrap: ${wraps ? 'wrap' : 'nowrap'}`}> <div {style}>
<div> {#each _menus as menu}
{#each _menus as menu} <svelte:component this={menu.component} {...menu} />
<svelte:component this={menu.component} {...menu} /> {/each}
{/each}
</div>
<nav>
<ButtonGroup buttons={_buttons} />
</nav>
</div> </div>
<nav {style}>
<ButtonGroup buttons={_buttons} />
</nav>