fix(dailies): fix PhotoSwipe CSS loading + restore expand button

Move PhotoSwipe CSS from per-entry assets.addCss() (runs after head is
committed) to a single <link> tag at block start. Restore the expand
button as the reliable mobile tap target — it dispatches a synthetic
click on the visible <a> slide, which bubbles to PhotoSwipe's gallery
handler. Merge dot sync into the single module script.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
2026-06-21 19:39:33 +02:00
parent 30c8937566
commit 3379e50503
2 changed files with 51 additions and 22 deletions
+21
View File
@@ -234,6 +234,27 @@ body::after {
display: block;
}
.journal-photo-expand {
position: absolute;
bottom: var(--space-3);
right: var(--space-3);
width: 32px;
height: 32px;
background: rgba(0,0,0,0.45);
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
z-index: 2;
-webkit-tap-highlight-color: transparent;
}
.journal-photo-expand:active { background: rgba(0,0,0,0.7); }
.journal-photo-dots {
display: flex;
justify-content: center;