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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user