Merge pull request #213 from n0th1ng-else/button-hints

n0th1ng-else · Nov 15, 2022 · 949c9bf · 949c9bf
2 parents a1ef94e + 3ad1564
commit 949c9bf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/lib/browser/components/Arrow.svelte b/src/lib/browser/components/Arrow.svelte
@@ -13,6 +13,7 @@
 
 	export let type: 'up' | 'left' = 'up';
 	export let size: 'sm' | 'md' | 'lg' = 'lg';
+	export let hint: string | undefined = undefined;
 
 	const icon = type === 'up' ? iconUp : iconLeft;
 
@@ -25,7 +26,7 @@
 	onDestroy(() => unsubscribeTheme());
 </script>
 
-<Button secondary on:click="{onClick}" control="{control}">
+<Button secondary on:click="{onClick}" control="{control}" hint="{hint}">
 	<img class="btn-logo {size}" class:l="{!isDark}" class:d="{isDark}" src="{icon}" alt="" />
 </Button>
 

diff --git a/src/lib/browser/components/Header.svelte b/src/lib/browser/components/Header.svelte
@@ -47,7 +47,7 @@
 	<nav class="header">
 		<div class="navigation-wrapper">
 			<p class="back-container" class:show="{showBack}">
-				<Arrow type="left" size="sm" on:click="{onBack}" />
+				<Arrow type="left" size="sm" on:click="{onBack}" hint="Go back to the articles list" />
 			</p>
 			<p class="logo-container">
 				<HeaderLink url="{homeRoute}" active="{homeRoute === activePath}">

diff --git a/src/lib/browser/components/ScrollTop.svelte b/src/lib/browser/components/ScrollTop.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <p class="to-top-container" class:show="{y > yBorder}">
-	<Arrow on:click="{scrollToTop}" />
+	<Arrow on:click="{scrollToTop}" hint="Scroll to the top of the page" />
 </p>
 
 <svelte:window bind:scrollY="{y}" />