feat: add option to enable legacy clicking

src/lib/components/kurosearch/post/SingleColumnPost.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
 	import Sources from './Sources.svelte';
-
 	import Comments from './Comments.svelte';
-
 	import Image from '../media-image/Image.svelte';
 	import Video from '../media-video/Video.svelte';
 	import Gif from '../media-gif/Gif.svelte';
@@ -14,6 +12,7 @@
 	import PostDetailsTagList from '../tag-list/PostDetailsTagList.svelte';
 	import FullscreenButton from './FullscreenButton.svelte';
 	import { isValidUrl } from '$lib/logic/url-utils';
+	import openTagsOnPostClick from '$lib/store/tags-shortcut-store';
 
 	const dispatch = createEventDispatcher();
 
@@ -48,6 +47,11 @@
 			dispatch('fullscreen');
 		}
 	}}
+	on:click={() => {
+		if ($openTagsOnPostClick) {
+			selectTab('tags');
+		}
+	}}
 >
 	<div>
 		{#if post.type === 'image'}

src/lib/store/store-keys.ts

@@ -15,5 +15,6 @@ export enum StoreKey {
 	WideLayoutEnabled = 'kurosearch:wide-layout-enabled',
 	FullscreenHintDone = 'kurosearch:fullscreen-hint-done',
 	AutoplayFullscreenEnabled = 'kurosearch:autoplay-fullscreen-enabled-done',
-	AutoplayFullscreenDelay = 'kurosearch:autoplay-fullscreen-delay'
+	AutoplayFullscreenDelay = 'kurosearch:autoplay-fullscreen-delay',
+	TagsShortcut = 'kurosearch:tags-shortcut'
 }

src/lib/store/tags-shortcut-store.ts

@@ -0,0 +1,4 @@
+import { createBoolStore } from './generic/bool-store';
+import { StoreKey } from './store-keys';
+
+export default createBoolStore(StoreKey.TagsShortcut, false);

src/routes/preferences/+page.svelte

@@ -37,6 +37,7 @@
 	import wideLayoutEnabled from '$lib/store/wide-layout-enabled-store';
 	import { addHistory } from '$lib/logic/use/onpopstate';
 	import NumberInput from '$lib/components/kurosearch/dialog-sort-filter/NumberInput.svelte';
+	import openTagsOnPostClick from '$lib/store/tags-shortcut-store';
 
 	let resetDialog: HTMLDialogElement;
 
@@ -139,6 +140,17 @@
 		</Checkbox>
 	</Preference>
 
+	<Preference
+		title="Open tags on click"
+		description="When enabled, clicking a post will immediately display the tags."
+	>
+		<div class="flex">
+			<Checkbox id="checkbox-tags-shortcut" bind:checked={$openTagsOnPostClick}>
+				{$openTagsOnPostClick ? 'Enabled' : 'Disabled'}
+			</Checkbox>
+		</div>
+	</Preference>
+
 	<Preference
 		title="Reset preferences"
 		description="Undo all customizations and return to default settings."