1
0
mirror of https://github.com/immich-app/immich.git synced 2024-12-25 10:43:13 +02:00

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

* 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 6 additions and 7 deletions

Binary file not shown.

View File

@ -2655,6 +2655,9 @@
}, },
{ {
"cookie": [] "cookie": []
},
{
"api_key": []
} }
] ]
} }

View File

@ -4817,6 +4817,9 @@ export const AssetApiAxiosParamCreator = function (configuration?: Configuration
// authentication cookie required // authentication cookie required
// authentication api_key required
await setApiKeyToObject(localVarHeaderParameter, "x-api-key", configuration)
// authentication bearer required // authentication bearer required
// http bearer authentication required // http bearer authentication required
await setBearerAuthToObject(localVarHeaderParameter, configuration) await setBearerAuthToObject(localVarHeaderParameter, configuration)

View File

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