diff --git a/ts/components/ButtonGroup.svelte b/ts/components/ButtonGroup.svelte index 6e2ef5989..2f8ca1053 100644 --- a/ts/components/ButtonGroup.svelte +++ b/ts/components/ButtonGroup.svelte @@ -21,6 +21,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html export let size: number | undefined = undefined; export let wrap: boolean | undefined = undefined; + export let reverse = false; + $: buttonSize = size ? `--buttons-size: ${size}rem; ` : ""; let buttonWrap: string; $: if (wrap === undefined) { @@ -95,7 +97,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
div { + flex-direction: row; flex-wrap: var(--buttons-wrap); padding: calc(var(--buttons-size) / 10); margin: 0; } + + .reverse { + flex-direction: row-reverse; + } diff --git a/ts/components/IconButton.svelte b/ts/components/IconButton.svelte index e23a4d5d3..2f9d7b61a 100644 --- a/ts/components/IconButton.svelte +++ b/ts/components/IconButton.svelte @@ -18,6 +18,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html export let iconSize: number = 75; export let widthMultiplier: number = 1; + export let flipX: boolean = false; let buttonRef: HTMLButtonElement; @@ -44,7 +45,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html on:click on:mousedown|preventDefault > - + + +