Parcourir la source

fix(web): stick action bar on search (#5459)

martin il y a 1 an
Parent
commit
6111bf157e
1 fichiers modifiés avec 19 ajouts et 17 suppressions
  1. 19 17
      web/src/routes/(user)/search/+page.svelte

+ 19 - 17
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} />
-
-      <AssetSelectContextMenu icon={mdiDotsVertical} title="Add">
-        <DownloadAction menuItem />
-        <FavoriteAction menuItem removeFavorite={isAllFavorite} />
-        <ArchiveAction menuItem unarchive={isAllArchived} />
-        <ChangeDate menuItem />
-        <ChangeLocation menuItem />
-      </AssetSelectContextMenu>
-    </AssetSelectControlBar>
+    <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>
+    </div>
   {:else}
     <ControlAppBar on:close-button-click={() => goto(previousRoute)} backIcon={mdiArrowLeft}>
       <div class="w-full flex-1 pl-4">