Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-24 01:12:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: more z-index issue (#18493)

Browse Source
This commit is contained in:
Alex 2025-05-22 15:17:14 -05:00 committed by GitHub
parent 15877ddf1f
commit 065f7c7d5d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/lib/components/asset-viewer/detail-panel.svelte
View File

@ -495,6 +495,7 @@
zoom={12.5}
simplified
useLocationPin
showSimpleControls={!showEditFaces}
onOpenInMapView={() => goto(`${AppRoute.MAP}#12.5/${latlng.lat}/${latlng.lng}`)}
>
{#snippet popup({ marker })}

2
web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
View File

@ -55,7 +55,7 @@
};
</script>
<div class="absolute end-0 top-0 flex place-items-center gap-1 text-xs font-medium text-white">
<div class="absolute end-0 top-0 z-1 flex place-items-center gap-1 text-xs font-medium text-white">
{#if showTime}
<span class="pt-2">
{#if remainingSeconds < 60}

4
web/src/lib/components/photos-page/memory-lane.svelte
View File

@ -45,7 +45,7 @@
onscroll={onScroll}
>
{#if canScrollLeft || canScrollRight}
<div class="sticky start-0">
<div class="sticky start-0 z-1">
{#if canScrollLeft}
<div class="absolute start-4 top-24" transition:fade={{ duration: 200 }}>
<button
@ -60,7 +60,7 @@
</div>
{/if}
{#if canScrollRight}
<div class="absolute end-4 top-24" transition:fade={{ duration: 200 }}>
<div class="absolute end-4 top-24 z-1" transition:fade={{ duration: 200 }}>
<button
type="button"
class="rounded-full border border-gray-500 bg-gray-100 p-2 text-gray-500 opacity-50 hover:opacity-100"

18
web/src/lib/components/shared-components/map/map.svelte
View File

@ -54,6 +54,7 @@
onClickPoint?: ({ lat, lng }: { lat: number; lng: number }) => void;
popup?: import('svelte').Snippet<[{ marker: MapMarkerResponseDto }]>;
rounded?: boolean;
showSimpleControls?: boolean;
}
let {
@ -70,6 +71,7 @@
onClickPoint = () => {},
popup,
rounded = false,
showSimpleControls = true,
}: Props = $props();
let map: maplibregl.Map | undefined = $state();
@ -266,13 +268,15 @@
bind:map
>
{#snippet children({ map }: { map: maplibregl.Map })}
<NavigationControl position="top-left" showCompass={!simplified} />
{#if showSimpleControls}
<NavigationControl position="top-left" showCompass={!simplified} />
{#if !simplified}
<GeolocateControl position="top-left" />
<FullscreenControl position="top-left" />
<ScaleControl />
<AttributionControl compact={false} />
{#if !simplified}
<GeolocateControl position="top-left" />
<FullscreenControl position="top-left" />
<ScaleControl />
<AttributionControl compact={false} />
{/if}
{/if}
{#if showSettings}
@ -285,7 +289,7 @@
</Control>
{/if}
{#if onOpenInMapView}
{#if onOpenInMapView && showSimpleControls}
<Control position="top-right">
<ControlGroup>
<ControlButton onclick={() => onOpenInMapView()}>

2
web/src/routes/(user)/people/[personId]/[[photos=photos]]/[[assetId=id]]/+page.svelte
View File

@ -452,7 +452,7 @@
{/if}
</section>
{#if isEditingName}
<div class="absolute w-64 sm:w-96">
<div class="absolute w-64 sm:w-96 z-1">
{#if isSearchingPeople}
<div
class="flex border h-14 rounded-b-lg border-gray-400 dark:border-immich-dark-gray place-items-center bg-gray-200 p-2 dark:bg-gray-700"