From 8a8cd4ee382f506f74b6e1872e54c01f43ea21e0 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Wed, 21 Jul 2021 04:32:15 +0200
Subject: [PATCH] Add float tooltips

---
 ftl/core/editing.ftl                |  3 +++
 ts/editor/ImageHandleButtons.svelte | 23 +++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/ftl/core/editing.ftl b/ftl/core/editing.ftl
index 89e876b98..0b9283dae 100644
--- a/ftl/core/editing.ftl
+++ b/ftl/core/editing.ftl
@@ -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
diff --git a/ts/editor/ImageHandleButtons.svelte b/ts/editor/ImageHandleButtons.svelte
index 3f71cd500..b393abb7e 100644
--- a/ts/editor/ImageHandleButtons.svelte
+++ b/ts/editor/ImageHandleButtons.svelte
@@ -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
             >