mirror of
https://github.com/immich-app/immich.git
synced 2025-07-07 09:12:56 +02:00
feat(web): scrubber label and animation (#13815)
* feat(web): scrubber label and animation * tune x fly in distance * refactor * lint and minor fix * fly height
This commit is contained in:
parent
0d62ff11f1
commit
244c8cb4d4
3 changed files with 34 additions and 4 deletions
web/src/lib/components/photos-page
|
@ -36,6 +36,7 @@
|
|||
import { page } from '$app/stores';
|
||||
import type { UpdatePayload } from 'vite';
|
||||
import { generateId } from '$lib/utils/generate-id';
|
||||
import { isTimelineScrolling } from '$lib/stores/timeline.store';
|
||||
|
||||
export let isSelectionMode = false;
|
||||
export let singleSelect = false;
|
||||
|
@ -331,7 +332,17 @@
|
|||
}
|
||||
};
|
||||
|
||||
let scrollObserverTimer: NodeJS.Timeout;
|
||||
|
||||
const _handleTimelineScroll = () => {
|
||||
$isTimelineScrolling = true;
|
||||
if (scrollObserverTimer) {
|
||||
clearTimeout(scrollObserverTimer);
|
||||
}
|
||||
scrollObserverTimer = setTimeout(() => {
|
||||
$isTimelineScrolling = false;
|
||||
}, 1000);
|
||||
|
||||
leadout = false;
|
||||
if ($assetStore.timelineHeight < safeViewport.height * 2) {
|
||||
// edge case - scroll limited due to size of content, must adjust - use the overall percent instead
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue