helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(web): timeline distortion when scrolling due to rerender of scrollbar bucket and thumbnail size (#2398)

Browse source 
* fix(web): timeline distortion when scrolling due to rerender of scrollbar bucket and thumbnail size

* fix: test
This commit is contained in:
Alex 2023-05-08 14:59:33 -05:00 • committed by GitHub
parent 861de7f8b3
commit 053104fc50
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/lib/components/photos-page/asset-date-group.svelte
View file

@ -108,17 +108,12 @@
// Show multi select icon on hover on date group
hoveredDateGroup = dateGroupTitle;
};
let clientWidth = 0;
</script>
<!-- <svelte:window bind:innerWidth={clientWidth} /> -->
<section
id="asset-group-by-date"
class="flex flex-wrap gap-12 mt-5"
bind:clientHeight={actualBucketHeight}
bind:clientWidth
>
{#each assetsGroupByDate as assetsInDateGroup, groupIndex (assetsInDateGroup[0].id)}
{@const dateGroupTitle = new Date(assetsInDateGroup[0].fileCreatedAt).toLocaleDateString(
@ -165,8 +160,6 @@
{#each assetsInDateGroup as asset (asset.id)}
<div animate:flip={{ duration: 300 }}>
<Thumbnail
thumbnailWidth={clientWidth <= 768 ? clientWidth / 4 - 4 : undefined}
thumbnailHeight={clientWidth <= 768 ? clientWidth / 4 - 4 : undefined}
{asset}
{groupIndex}
on:click={() => assetClickHandler(asset, assetsInDateGroup, dateGroupTitle)}