diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx index c2ed6d7c81..009a8c459c 100644 --- a/web/apps/photos/src/pages/_app.tsx +++ b/web/apps/photos/src/pages/_app.tsx @@ -51,9 +51,9 @@ import { useCallback, useEffect, useMemo, useState } from "react"; import { resumeExportsIfNeeded } from "services/export"; import { photosLogout } from "services/logout"; -// import "photoswipe/dist/photoswipe.css"; +import "photoswipe/dist/photoswipe.css"; // TODO(PS): Note, auto hide only works with the new CSS. -import "../../../../packages/gallery/components/viewer/ps5/dist/photoswipe.css"; +// import "../../../../packages/gallery/components/viewer/ps5/dist/photoswipe.css"; import "styles/global.css"; diff --git a/web/apps/photos/src/styles/global.css b/web/apps/photos/src/styles/global.css index 6de4c6f5d0..1105c89a44 100644 --- a/web/apps/photos/src/styles/global.css +++ b/web/apps/photos/src/styles/global.css @@ -12,7 +12,7 @@ body { flex-direction: column; height: 100%; } -@media DISABLED { + .pswp__button--custom { width: 48px; height: 48px; @@ -114,7 +114,6 @@ body { .pswp__caption--empty { display: none; } -} .pswp-ente { /* The default z-index for PhotoSwipe is 10k, way beyond everything else. diff --git a/web/packages/gallery/components/viewer/photoswipe.ts b/web/packages/gallery/components/viewer/photoswipe.ts index 90d3bf4cd2..c14bb52fc1 100644 --- a/web/packages/gallery/components/viewer/photoswipe.ts +++ b/web/packages/gallery/components/viewer/photoswipe.ts @@ -23,7 +23,7 @@ if (process.env.NEXT_PUBLIC_ENTE_WIP_PS5) { let PhotoSwipe; if (process.env.NEXT_PUBLIC_ENTE_WIP_PS5) { // TODO(PS): Comment me before merging into main. - PhotoSwipe = require("./ps5/dist/photoswipe.esm.js").default; + // PhotoSwipe = require("./ps5/dist/photoswipe.esm.js").default; } type FileViewerPhotoSwipeOptions = FileViewerProps & {