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

chore(web): Revert slight fade in animation when open/close asset-viewer (#16262) (#16306)

Browse source 
Revert "feat(web): slight fade in animation when open/close asset-viewer (#16262)"

This reverts commit 57829cee26.
This commit is contained in:
Alex 2025-02-25 09:27:34 -06:00 • committed by GitHub
parent c0fe98fe27
commit 6c64a6dab8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 2 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/src/app.css
View file

@ -168,8 +168,3 @@ input:focus-visible {
scrollbar-gutter: stable both-edges; scrollbar-gutter: stable both-edges;
} }
} }
::view-transition-old(root),
::view-transition-new(root) {
animation-duration: 250ms;
}

14
web/src/lib/utils/navigation.ts
View file

@ -112,7 +112,7 @@ async function navigateAssetRoute(route: AssetRoute, options?: NavOptions) {
const next = assetId ? currentUrlReplaceAssetId(assetId) : currentUrlWithoutAsset(); const next = assetId ? currentUrlReplaceAssetId(assetId) : currentUrlWithoutAsset();
const current = currentUrl(); const current = currentUrl();
if (next !== current || options?.forceNavigate) { if (next !== current || options?.forceNavigate) {
await navigateWithTransition(next, options); await goto(next, options);
} }
} }
@ -122,7 +122,7 @@ async function navigateAssetGridRoute(route: AssetGridRoute, options?: NavOption
const next = replaceScrollTarget(assetUrl, assetGridScrollTarget); const next = replaceScrollTarget(assetUrl, assetGridScrollTarget);
const current = currentUrl(); const current = currentUrl();
if (next !== current || options?.forceNavigate) { if (next !== current || options?.forceNavigate) {
await navigateWithTransition(next, options); await goto(next, options);
} }
} }
@ -136,16 +136,6 @@ export function navigate(change: ImmichRoute, options?: NavOptions): Promise<voi
throw `Invalid navigation: ${JSON.stringify(change)}`; throw `Invalid navigation: ${JSON.stringify(change)}`;
} }
async function navigateWithTransition(url: string, options?: NavOptions) {
if (document.startViewTransition) {
document.startViewTransition(async () => {
await goto(url, options);
});
} else {
await goto(url, options);
}
}
export const clearQueryParam = async (queryParam: string, url: URL) => { export const clearQueryParam = async (queryParam: string, url: URL) => {
if (url.searchParams.has(queryParam)) { if (url.searchParams.has(queryParam)) {
url.searchParams.delete(queryParam); url.searchParams.delete(queryParam);