Commit graph

50 commits

Author SHA1 Message Date
Lim Chee Aun
56365ebc39 Fix duplicate alt badges 2023-10-02 20:55:15 +08:00
Lim Chee Aun
7e993704cc More conditions for show/hide captions
- Remove unused code
- Refactor and memoize the long/short calculation too
2023-10-02 18:58:42 +08:00
Lim Chee Aun
348efe0069 Experiment figcaption for *multiple* media's 2023-10-02 12:21:26 +08:00
Lim Chee Aun
359fd92ae0 Little adjustments, show more captions 2023-10-01 13:18:31 +08:00
Lim Chee Aun
4dd706ff96 Pass lang into media description
- Assume status lang applies to media description
- Allow RTL for media description
2023-09-30 23:23:34 +08:00
Lim Chee Aun
3042dea886 Allow GIFs play on focus/blur too 2023-09-29 21:02:29 +08:00
Lim Chee Aun
f9cb9502b1 Extract alt badge styles out from tag
- Differentiate clickable version vs non-clickable version
- Also differentiate alt badge vs the other "tags" on media
2023-09-28 23:48:01 +08:00
Lim Chee Aun
01c90150a8 Allow show more figcaption 2023-09-28 19:46:44 +08:00
Lim Chee Aun
13cf7b3f92 It's time for global media alt modal 2023-09-28 15:48:32 +08:00
Lim Chee Aun
fe80215325 Prevent repeated description for alt+figcaption 2023-09-19 00:45:43 +08:00
Lim Chee Aun
d18db56032 Experiment show inline desc for videos in timelines
Reason: a video takes more time & effort to watch, so a quick desc would be helpful
2023-09-14 20:41:03 +08:00
Lim Chee Aun
f02cd50d7b Fix unknown media not working 2023-09-13 18:10:20 +08:00
Lim Chee Aun
ff3ef9fa45 Restyle play icon 2023-08-19 14:39:45 +08:00
Lim Chee Aun
1887a34fc5 Another aspect ratio style fix 2023-08-02 17:41:00 +08:00
Lim Chee Aun
c91cda1a2c Ok the math was too advanced for CSS 2023-08-01 23:54:28 +08:00
Lim Chee Aun
c30eaee4e2 Somehow this kinda works 2023-08-01 18:20:54 +08:00
Lim Chee Aun
b1b1ed0f3f Adjustments to prevent layout shift 2023-08-01 14:26:22 +08:00
Lim Chee Aun
c003724108 Few changes to how media rendering
1. Try respect aspect when only 1 media
2. Distance-based image inner-scroll animation
3. Small inner radius between media when >=2 media
2023-07-30 21:28:17 +08:00
Lim Chee Aun
4476e9d087 Only run this when showing original 2023-06-29 18:55:17 +08:00
Lim Chee Aun
950114b9f7 Try without cache: reload
It's probably not needed; image is possibly cached, just not rendered properly
2023-06-29 00:27:15 +08:00
Lim Chee Aun
1a835c32ab Attempt to fix Safari's cut-off images bug 2023-06-28 23:35:22 +08:00
Lim Chee Aun
885f23d405 Fix Flash of Enlarged Image (FOEI)
Let's see if this works!
2023-06-14 00:09:26 +08:00
Lim Chee Aun
e502b8e377 Try decoding=sync 2023-06-07 19:48:38 +08:00
Lim Chee Aun
8f7c6a159b Better image fallbacks 2023-04-28 19:28:36 +08:00
Lim Chee Aun
163961c494 Memoize the Parent 2023-04-24 19:27:12 +08:00
Lim Chee Aun
fbcc1f6e22 Remove blur from media modal background 2023-04-20 19:10:07 +08:00
Lim Chee Aun
fcf11f7d34 Try fix swipe bug on Chrome Android 2023-04-15 11:45:34 +08:00
Lim Chee Aun
5bbff378d3 Let's see if this fixes flash of cut-off images on Mobile Safari 2023-04-15 01:30:20 +08:00
Lim Chee Aun
adfe660cc8 Special styling for portrait media 2023-04-14 21:14:08 +08:00
Lim Chee Aun
f303c6d36c Rewrite status page + media modal
Media modals now have their own URLs
2023-04-14 15:30:04 +08:00
Lim Chee Aun
ea4db6bdcf Attempt to fix weird unloaded image on Mobile Safari 2023-04-09 19:46:49 +08:00
Lim Chee Aun
b49f003605 The faux video container also need special treatment 2023-04-03 11:54:46 +08:00
Lim Chee Aun
e15f122dd1 Try this fix 2023-03-29 20:53:48 +08:00
Lim Chee Aun
bf76728528 Make GIFs zoomable too 2023-03-28 23:24:43 +08:00
Lim Chee Aun
2680601bc6 Hacks to try make it less flashy 2023-03-28 11:11:07 +08:00
Lim Chee Aun
68829f6f76 Make it <= 1 2023-03-28 10:30:06 +08:00
Lim Chee Aun
24e90a5cdb Allow pan carousel when image scale = 1 2023-03-28 10:26:27 +08:00
Lim Chee Aun
64953f9bd3 Remove this setState 2023-03-28 01:16:49 +08:00
Lim Chee Aun
fa3229ca9d Try add decoding 2023-03-28 01:08:41 +08:00
Lim Chee Aun
a39ead1864 Revert "Try not use this loading=eager"
This reverts commit a22bd4fa2e.
2023-03-28 01:07:46 +08:00
Lim Chee Aun
a22bd4fa2e Try not use this loading=eager 2023-03-28 00:54:46 +08:00
Lim Chee Aun
8908359b50 New feature experiment: pinch-zoom for images
This will probably be very buggy
2023-03-28 00:29:01 +08:00
Lim Chee Aun
c1bf95d1eb Fix videos aren't centered 2023-03-27 19:42:51 +08:00
Lim Chee Aun
82c3d4d878 Move these styles to CSS
Also clean it up, aspect-ratio + width + height actually not even needed
2023-03-27 19:26:00 +08:00
Lim Chee Aun
a792f494bf Forgot to put the Play icon for audio media 2023-03-19 21:09:32 +08:00
Lim Chee Aun
5bb8b3ce29 Experiment remove background preview image when image loaded 2023-03-15 19:28:38 +08:00
Lim Chee Aun
a3ea2cb752 Fix Android show stupid box for the ⏵ ascii character
Replace with actual icon
2023-03-13 23:40:08 +08:00
Lim Chee Aun
43296662d2 Try this temporary solution for image zoom dilemma 2023-03-09 21:55:31 +08:00
Lim Chee Aun
eb896dc5a5 original might be undefined?? 2023-02-23 17:01:33 +08:00
Lim Chee Aun
292186e918 New UI experiment: media modal + status detail page
- Extracted out the media modal and media component from Status
- Use :has CSS selector to do most of the layout work
- Expecting edge case UI bugs
2023-01-29 15:23:53 +08:00