mirror of
https://github.com/ankitects/anki.git
synced 2025-09-19 06:22:22 -04:00
Add float tooltips
This commit is contained in:
parent
f902e91ebd
commit
8a8cd4ee38
2 changed files with 18 additions and 8 deletions
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in a new issue