From cb4abedc16ad294898f2e0d6c355ae574abda8b1 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Wed, 10 Jul 2024 00:11:47 +0200
Subject: [PATCH] small progress

---
 website/src/lib/components/Nav.svelte            |  2 +-
 website/src/lib/components/docs/docs.ts          |  2 +-
 .../toolbar/tools/routing/Routing.svelte         | 16 +++++++++++-----
 .../docs/en/toolbar/{reduce.mdx => minify.mdx}   |  0
 website/src/lib/docs/en/toolbar/routing.mdx      |  3 ++-
 website/src/locales/en.json                      |  2 +-
 6 files changed, 16 insertions(+), 9 deletions(-)
 rename website/src/lib/docs/en/toolbar/{reduce.mdx => minify.mdx} (100%)

diff --git a/website/src/lib/components/Nav.svelte b/website/src/lib/components/Nav.svelte
index 58e9ab4b..09e3c8f7 100644
--- a/website/src/lib/components/Nav.svelte
+++ b/website/src/lib/components/Nav.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <nav class="w-full sticky top-0 bg-background z-10">
-	<div class="mx-6 py-2 flex flex-row items-center border-b gap-4 md:gap-8">
+	<div class="mx-6 py-2 flex flex-row items-center border-b gap-4 sm:gap-8">
 		<a href={getURLForLanguage($locale, '/')} class="shrink-0 translate-y-0.5">
 			<Logo class="h-8 sm:hidden" iconOnly={true} />
 			<Logo class="h-8 hidden sm:block" />
diff --git a/website/src/lib/components/docs/docs.ts b/website/src/lib/components/docs/docs.ts
index a1284f86..cffc49a6 100644
--- a/website/src/lib/components/docs/docs.ts
+++ b/website/src/lib/components/docs/docs.ts
@@ -2,7 +2,7 @@ export const guides: Record<string, string[]> = {
     'getting-started': [],
     menu: ['file', 'edit', 'view', 'settings'],
     'files-and-stats': [],
-    toolbar: ['routing', 'poi', 'scissors', 'time', 'merge', 'extract', 'reduce', 'clean'],
+    toolbar: ['routing', 'poi', 'scissors', 'time', 'merge', 'extract', 'minify', 'clean'],
     'map-controls': [],
     'gpx': [],
 };
diff --git a/website/src/lib/components/toolbar/tools/routing/Routing.svelte b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
index 997efa23..7de21cbf 100644
--- a/website/src/lib/components/toolbar/tools/routing/Routing.svelte
+++ b/website/src/lib/components/toolbar/tools/routing/Routing.svelte
@@ -212,11 +212,17 @@
 					<div>{$_('toolbar.routing.help')}</div>
 				{/if}
 			</Help>
-			{#if minimizable}
-				<Button variant="ghost" class="px-1 h-6" on:click={() => (minimized = true)}>
-					<SquareArrowUpLeft size="18" />
-				</Button>
-			{/if}
+			<Button
+				variant="ghost"
+				class="px-1 h-6"
+				on:click={() => {
+					if (minimizable) {
+						minimized = true;
+					}
+				}}
+			>
+				<SquareArrowUpLeft size="18" />
+			</Button>
 		</div>
 	</div>
 {/if}
diff --git a/website/src/lib/docs/en/toolbar/reduce.mdx b/website/src/lib/docs/en/toolbar/minify.mdx
similarity index 100%
rename from website/src/lib/docs/en/toolbar/reduce.mdx
rename to website/src/lib/docs/en/toolbar/minify.mdx
diff --git a/website/src/lib/docs/en/toolbar/routing.mdx b/website/src/lib/docs/en/toolbar/routing.mdx
index 47c3f939..686300ef 100644
--- a/website/src/lib/docs/en/toolbar/routing.mdx
+++ b/website/src/lib/docs/en/toolbar/routing.mdx
@@ -3,7 +3,7 @@ title: Route planning and editing
 ---
 
 <script>
-    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay } from 'lucide-svelte';
+    import { Pencil, Route, Bike, TriangleAlert, ArrowRightLeft, Home, Repeat, Trash2, CirclePlay, SquareArrowUpLeft } from 'lucide-svelte';
     import DocsNote from '$lib/components/docs/DocsNote.svelte';
     import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
     import routingScreenshot from '$lib/assets/img/docs/tools/routing.png?enhanced';
@@ -17,6 +17,7 @@ The route planning and editing tool allows you to create and edit routes by plac
 ## Settings
 
 As shown below, the tool dialog contains a few settings to control the routing behavior.
+You can minimize the dialog to save space by clicking on <button><SquareArrowUpLeft size="16" class="inline-block" style="margin-bottom: 2px" /></button>.
 
 <div class="flex flex-row justify-center">
     <Routing minimizable={false} class="text-foreground p-3 border rounded-md shadow-lg" />
diff --git a/website/src/locales/en.json b/website/src/locales/en.json
index d1408835..36d45271 100644
--- a/website/src/locales/en.json
+++ b/website/src/locales/en.json
@@ -188,7 +188,7 @@
             "tooltip": "Reduce the number of GPS points",
             "tolerance": "Tolerance",
             "number_of_points": "Number of GPS points",
-            "button": "Reduce",
+            "button": "Minify",
             "help": "Use the slider to choose the number of GPS points to keep",
             "help_no_selection": "Select a file item to reduce the number of its GPS points"
         },