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-current = Edit Current
editing-edit-html = Edit HTML editing-edit-html = Edit HTML
editing-fields = Fields editing-fields = Fields
editing-float-left = Float left
editing-float-right = Float right
editing-float-remove = Remove float
editing-html-editor = HTML Editor editing-html-editor = HTML Editor
editing-indent = Increase indent editing-indent = Increase indent
editing-italic-text = Italic text 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 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--> -->
<script lang="typescript"> <script lang="typescript">
import * as tr from "lib/i18n";
import ButtonToolbar from "components/ButtonToolbar.svelte"; import ButtonToolbar from "components/ButtonToolbar.svelte";
import ButtonGroup from "components/ButtonGroup.svelte"; import ButtonGroup from "components/ButtonGroup.svelte";
import ButtonGroupItem from "components/ButtonGroupItem.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}> <ButtonToolbar size={1.6} wrap={false}>
<ButtonGroup> <ButtonGroup>
<ButtonGroupItem> <ButtonGroupItem>
<IconButton active={float === "left"} on:click={() => (float = "left")} <IconButton
>{@html floatLeftIcon}</IconButton tooltip={tr.editingFloatLeft()}
> active={float === "left"}
</ButtonGroupItem> on:click={() => (float = "left")}>{@html floatLeftIcon}</IconButton
<ButtonGroupItem>
<IconButton active={float === "right"} on:click={() => (float = "right")}
>{@html floatRightIcon}</IconButton
> >
</ButtonGroupItem> </ButtonGroupItem>
<ButtonGroupItem> <ButtonGroupItem>
<IconButton <IconButton
tooltip={tr.editingFloatRight()}
active={float === "right"}
on:click={() => (float = "right")}>{@html floatRightIcon}</IconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<IconButton
tooltip={tr.editingFloatRemove()}
active={float === "" || float === "none"} active={float === "" || float === "none"}
on:click={() => (float = "")}>{@html resetIcon}</IconButton on:click={() => (float = "")}>{@html resetIcon}</IconButton
> >