public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-23 23:00:42 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(web, server): Implement justified layout for AssetGrid (#2666)

Browse Source 
* Implement justified layout for timeline

* Add withoutThumbs field to GetTimelineLayotDto

* Back to rough estimation of initial buckets height

* Remove getTimelineLayout endpoint

* Estimate rough viewport height better

* Fix shift/jump issues while scrolling up

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Sergey Kondrikov
2023-06-08 18:22:45 +03:00
committed by GitHub
parent 8ebac41318
commit 5764bf16f3
11 changed files with 172 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/components/asset-viewer/intersection-observer.svelte
View File

@@ -1,4 +1,5 @@
<script lang="ts">
import { BucketPosition } from '$lib/models/asset-grid-state';
import { onMount } from 'svelte';
import { createEventDispatcher } from 'svelte';
@@ -28,7 +29,17 @@
}
if (intersecting) {
dispatch('intersected', container);
let position: BucketPosition = BucketPosition.Visible;
if (entries[0].boundingClientRect.top + 50 > entries[0].intersectionRect.bottom) {
position = BucketPosition.Below;
} else if (entries[0].boundingClientRect.bottom < 0) {
position = BucketPosition.Above;
}
dispatch('intersected', {
container,
position
});
}
},
{