Swipable menu, draggable bookmarks

svelte/src/filesystem/Breadcrumbs.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
 import { fs_encode_path } from "lib/FilesystemAPI.svelte";
-import type { FSNavigator } from "./FSNavigator";
+import { path_link, type FSNavigator } from "./FSNavigator";
+import { menu_is_open } from "wrap/MainMenu.svelte";
 
 let { nav }: {
 	nav: FSNavigator;
 } = $props();
 </script>
 
-<div class="breadcrumbs">
+<div class="breadcrumbs" class:menu_closed={!$menu_is_open}>
 	{#each $nav.path as node, i (node.path)}
-		<a href={"/d"+fs_encode_path(node.path)} class="breadcrumb button flat">
+		<a href={"/d"+fs_encode_path(node.path)} class="breadcrumb button flat" use:path_link={{nav: nav, node: node}}>
 			{#if node.abuse_type !== undefined}
 				<i class="icon small">block</i>
 			{:else if node.is_shared()}
@@ -57,4 +58,7 @@ let { nav }: {
 	/* The base name uses all available space */
 	max-width: unset;
 }
+.menu_closed {
+	padding-left: 2em;
+}
 </style>