aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-11 22:47:47 -0700
committerAdam Soltys <[email protected]>2026-10-11 22:47:47 -0700
commit6eda01863920ae45d56a65563a7f956a429fced8 (patch)
tree5e01151020f152cb6131672ea1983fa26412b972 /src/style.css
parent880abf73720acc13e07242568d56c14bca247c5e (diff)
downloadcoinosv3-6eda01863920ae45d56a65563a7f956a429fced8.tar.gz
coinosv3-6eda01863920ae45d56a65563a7f956a429fced8.zip
Feed: a picture opens in the media pager, with the feed's other pictures a swipe away. Tapping a picture in a feed row used to open it alone (the lightbox); it now opens the media grid's pager on that picture, over the feed's pictures in the feed's own order — every picture of a post before the next post's (a repost's inner post, the feed's moderation) — so a swipe up or down, or any arrow key (up/down as before, now left/right too), steps to the next or previous one. A tap on the picture that opened it still closes it, as a full-screen picture always has; once the reader has moved on, the first tap shows the post's details and actions, and the next (or Escape, or the ×) closes the pager with the feed landed on that post (glideToPost, once the pop has brought the feed back). The pager's pictures pinch to zoom (attachZoom, now exported, without its wheel — the wheel is the pager's; at 1× one finger is the pager's swipe). Pictures in threads, profiles and chats still open alone. tools/feed-picture-pager-test.js; image-tap-test and lightbox-scroll-test accept the pager as the full-screen picture.
Co-Authored-By: Claude Fable 5.1 <[email protected]>
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css2
1 files changed, 2 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 5ce0211..0a1562d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1480,6 +1480,8 @@ body::after {
display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.mp-media { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; display: block; user-select: none; -webkit-user-select: none; }
+/* a picture pinches to zoom (attachZoom); one finger at 1× is the pager's swipe */
+.mp-slide img.mp-media { touch-action: pan-y; transform-origin: center center; will-change: transform; }
/* nothing but the picture until a tap */
.mp-meta, .mp-top { opacity: 0; pointer-events: none; transition: opacity .18s; }
.media-pager.show .mp-meta, .media-pager.show .mp-top { opacity: 1; pointer-events: auto; }