KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web) add scrollbar with timeline information (#658)

Browse Source 
- Implement a scrollbar with a timeline similar to Google Photos
- The scrollbar can also be dragged
This commit is contained in:
Alex
2022-09-09 15:55:20 -05:00
committed by GitHub
parent b6d025da09
commit d856b35afc
9 changed files with 194 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/lib/utils/viewport-utils.ts
View File

@@ -4,9 +4,10 @@
*/
export function calculateViewportHeightByNumberOfAsset(assetCount: number, viewportWidth: number) {
const thumbnailHeight = 235;
const thumbnailHeight = 237;
const unwrappedWidth = (3 / 2) * assetCount * thumbnailHeight * (7 / 10);
// const unwrappedWidth = (3 / 2) * assetCount * thumbnailHeight * (7 / 10);
const unwrappedWidth = assetCount * thumbnailHeight;
const rows = Math.ceil(unwrappedWidth / viewportWidth);
const height = rows * thumbnailHeight;
return height;