Add float tooltips

This commit is contained in:
Henrik Giesel 2021-07-21 04:32:15 +02:00 committed by Damien Elmes
parent f902e91ebd
commit 8a8cd4ee38
2 changed files with 18 additions and 8 deletions

View File

@ -15,6 +15,9 @@ editing-cut = Cut
editing-edit-current = Edit Current
editing-edit-html = Edit HTML
editing-fields = Fields
editing-float-left = Float left
editing-float-right = Float right
editing-float-remove = Remove float
editing-html-editor = HTML Editor
editing-indent = Increase indent
editing-italic-text = Italic text

View File

@ -3,6 +3,8 @@ Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="typescript">
import * as tr from "lib/i18n";
import ButtonToolbar from "components/ButtonToolbar.svelte";
import ButtonGroup from "components/ButtonGroup.svelte";
import ButtonGroupItem from "components/ButtonGroupItem.svelte";
@ -16,19 +18,24 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<ButtonToolbar size={1.6} wrap={false}>
<ButtonGroup>
<ButtonGroupItem>
<IconButton active={float === "left"} on:click={() => (float = "left")}
>{@html floatLeftIcon}</IconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<IconButton active={float === "right"} on:click={() => (float = "right")}
>{@html floatRightIcon}</IconButton
<IconButton
tooltip={tr.editingFloatLeft()}
active={float === "left"}
on:click={() => (float = "left")}>{@html floatLeftIcon}</IconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<IconButton
tooltip={tr.editingFloatRight()}
active={float === "right"}
on:click={() => (float = "right")}>{@html floatRightIcon}</IconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<IconButton
tooltip={tr.editingFloatRemove()}
active={float === "" || float === "none"}
on:click={() => (float = "")}>{@html resetIcon}</IconButton
>