From d4460f95ddd66561d37fb34156bf88d21c0fbc5f Mon Sep 17 00:00:00 2001 From: vcoppe Date: Sat, 21 Sep 2024 19:15:19 +0200 Subject: [PATCH] improve layout shift and accessibility --- website/src/app.html | 2 +- website/src/app.pcss | 4 ++++ website/src/lib/components/Help.svelte | 10 ++++------ website/src/lib/components/docs/DocsContainer.svelte | 6 +++--- website/src/lib/components/docs/DocsNote.svelte | 6 +++--- .../src/lib/components/gpx-layer/WaypointPopup.svelte | 2 +- .../lib/components/layer-control/OverpassPopup.svelte | 6 +++--- website/src/routes/[[language]]/help/+layout.svelte | 4 ++-- website/src/routes/[[language]]/help/+page.svelte | 8 ++++---- .../routes/[[language]]/help/[...guide]/+page.svelte | 6 +++--- website/tailwind.config.js | 1 + 11 files changed, 29 insertions(+), 26 deletions(-) diff --git a/website/src/app.html b/website/src/app.html index 7841d164..0850632f 100644 --- a/website/src/app.html +++ b/website/src/app.html @@ -4,7 +4,7 @@ - + %sveltekit.head% diff --git a/website/src/app.pcss b/website/src/app.pcss index 22880547..e51f4441 100644 --- a/website/src/app.pcss +++ b/website/src/app.pcss @@ -32,6 +32,8 @@ --destructive-foreground: 210 40% 98%; --support: 220 15 130; + + --link: 0 110 180; --ring: 222.2 84% 4.9%; @@ -67,6 +69,8 @@ --destructive-foreground: 210 40% 98%; --support: 255 110 190; + + --link: 80 190 255; --ring: hsl(212.7,26.8%,83.9); } diff --git a/website/src/lib/components/Help.svelte b/website/src/lib/components/Help.svelte index b9e6aa32..82d2e17b 100644 --- a/website/src/lib/components/Help.svelte +++ b/website/src/lib/components/Help.svelte @@ -5,16 +5,14 @@ export let link: string | undefined = undefined; -
+
{#if link} - + {$_('menu.more')} {/if} diff --git a/website/src/lib/components/docs/DocsContainer.svelte b/website/src/lib/components/docs/DocsContainer.svelte index 6340a8c7..633c83f1 100644 --- a/website/src/lib/components/docs/DocsContainer.svelte +++ b/website/src/lib/components/docs/DocsContainer.svelte @@ -41,17 +41,17 @@ } :global(.markdown > a) { - @apply text-blue-500; + @apply text-link; @apply hover:underline; } :global(.markdown p > a) { - @apply text-blue-500; + @apply text-link; @apply hover:underline; } :global(.markdown li > a) { - @apply text-blue-500; + @apply text-link; @apply hover:underline; } diff --git a/website/src/lib/components/docs/DocsNote.svelte b/website/src/lib/components/docs/DocsNote.svelte index 617e8c10..8cfd9fe1 100644 --- a/website/src/lib/components/docs/DocsNote.svelte +++ b/website/src/lib/components/docs/DocsNote.svelte @@ -3,8 +3,8 @@
@@ -12,7 +12,7 @@ diff --git a/website/src/lib/components/gpx-layer/WaypointPopup.svelte b/website/src/lib/components/gpx-layer/WaypointPopup.svelte index 78ed74e7..bd1002f1 100644 --- a/website/src/lib/components/gpx-layer/WaypointPopup.svelte +++ b/website/src/lib/components/gpx-layer/WaypointPopup.svelte @@ -99,7 +99,7 @@