Add float tooltips
This commit is contained in:
parent
f902e91ebd
commit
8a8cd4ee38
@ -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
|
||||
|
@ -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
|
||||
>
|
||||
|
Loading…
Reference in New Issue
Block a user