From 6111bf157e4d3a0379ba49b8adfa9adf1c6133d4 Mon Sep 17 00:00:00 2001
From: martin <74269598+martabal@users.noreply.github.com>
Date: Mon, 4 Dec 2023 17:24:19 +0100
Subject: [PATCH] fix(web): stick action bar on search (#5459)

---
 web/src/routes/(user)/search/+page.svelte | 34 ++++++++++++-----------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/web/src/routes/(user)/search/+page.svelte b/web/src/routes/(user)/search/+page.svelte
index 437fcc5f1d..c020c20e7a 100644
--- a/web/src/routes/(user)/search/+page.svelte
+++ b/web/src/routes/(user)/search/+page.svelte
@@ -106,23 +106,25 @@
 
 <section>
   {#if isMultiSelectionMode}
-    <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
-      <CreateSharedLink />
-      <CircleIconButton title="Select all" icon={mdiSelectAll} on:click={handleSelectAll} />
-      <AssetSelectContextMenu icon={mdiPlus} title="Add">
-        <AddToAlbum />
-        <AddToAlbum shared />
-      </AssetSelectContextMenu>
-      <DeleteAssets {onAssetDelete} />
+    <div class="fixed z-[100] top-0 left-0 w-full">
+      <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
+        <CreateSharedLink />
+        <CircleIconButton title="Select all" icon={mdiSelectAll} on:click={handleSelectAll} />
+        <AssetSelectContextMenu icon={mdiPlus} title="Add">
+          <AddToAlbum />
+          <AddToAlbum shared />
+        </AssetSelectContextMenu>
+        <DeleteAssets {onAssetDelete} />
 
-      <AssetSelectContextMenu icon={mdiDotsVertical} title="Add">
-        <DownloadAction menuItem />
-        <FavoriteAction menuItem removeFavorite={isAllFavorite} />
-        <ArchiveAction menuItem unarchive={isAllArchived} />
-        <ChangeDate menuItem />
-        <ChangeLocation menuItem />
-      </AssetSelectContextMenu>
-    </AssetSelectControlBar>
+        <AssetSelectContextMenu icon={mdiDotsVertical} title="Add">
+          <DownloadAction menuItem />
+          <FavoriteAction menuItem removeFavorite={isAllFavorite} />
+          <ArchiveAction menuItem unarchive={isAllArchived} />
+          <ChangeDate menuItem />
+          <ChangeLocation menuItem />
+        </AssetSelectContextMenu>
+      </AssetSelectControlBar>
+    </div>
   {:else}
     <ControlAppBar on:close-button-click={() => goto(previousRoute)} backIcon={mdiArrowLeft}>
       <div class="w-full flex-1 pl-4">