Commit graph

232 commits

Author SHA1 Message Date
Lim Chee Aun fd7caca039 text-wrap: pretty attempt again 2023-11-02 13:00:07 +08:00
Lim Chee Aun b28d2d590f Fix media audio squashed 2023-10-29 23:09:56 +08:00
Lim Chee Aun b40bbb32c2 Alrighty, this is media-view layout 2023-10-29 21:41:03 +08:00
Lim Chee Aun 673001e4e0 Fix captions got squashed 2023-10-16 01:55:11 +08:00
Lim Chee Aun 32b72f9297 Prevent time link from overlapping too much 2023-10-15 19:52:33 +08:00
Lim Chee Aun 9786752a4f Group similar captions
Some folks really just copy/paste same desc for multiple media's
2023-10-15 18:28:04 +08:00
Lim Chee Aun e1ae89b00e Contextually highlight related caption when hovering over image
For multiple-media figures
2023-10-15 09:00:35 +08:00
Lim Chee Aun 8be2c738df Make figcaption self align to bottom
This is in case the image height is smaller than the figcaption.
Could be possible for text in other languages.
Flexbox is so cool.
2023-10-03 22:15: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 9f6236762d Place captions to right side of media when there's enough space 2023-10-02 09:30:35 +08:00
Lim Chee Aun 359fd92ae0 Little adjustments, show more captions 2023-10-01 13:18:31 +08:00
Lim Chee Aun 27b0813e49 Fix flickering text bug
Font size changes when truncated class is added/removed, thus making it flickering
2023-09-29 09:38:14 +08:00
Lim Chee Aun 99d7525436 Fix name text becomes too easily clickable 2023-09-29 08:58:31 +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 c1da6b8767 Remove previous experimental code 2023-09-28 18:08:36 +08:00
Lim Chee Aun 8a10ffd477 Have to use media-fg/bg for alt badges 2023-09-28 15:59:10 +08:00
Lim Chee Aun b6c59d4ee1 Use luminosity for aesthetics 2023-09-28 15:48:55 +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 4dfc0d0b41 Don't show 'Read more' if parent is already truncated 2023-09-28 11:21:40 +08:00
Lim Chee Aun cb04659ab1 Allow filters for posts in carousels 2023-09-25 10:20:32 +08:00
Lim Chee Aun d478dbddba Remove new lines from newline-separated hashtag stuffing
Uses even less vertical space
2023-09-24 18:33:08 +08:00
Lim Chee Aun d4dca0e81f Support non-rectangular custom emojis 😩
Platforms like Misskey have irregularly-shaped custom emojis (emojos?)

- So far this handles horizontally-wide emojis, not tall ones (haven't seen any)
- text-overflow: ellipsis is not used because it can't ellipsis-fy wide emoji images
2023-09-24 15:45:01 +08:00
Lim Chee Aun f8fc24aca4 Fix Read More wrongly positioned on Safari 2023-09-24 10:18:01 +08:00
Lim Chee Aun cd3ab50a18 Make 'Read more' buttons look more consistent everywhere
Too many cooks spoil the broth
2023-09-23 19:14:11 +08:00
Lim Chee Aun b1dec8810b Change video icon style again, might as well make it more consistent this time 2023-09-23 14:39:05 +08:00
Lim Chee Aun bd7e099f6e Larger status card inside large status 2023-09-23 12:57:19 +08:00
Lim Chee Aun 3d06662559 Prevent nested 'Read more's 2023-09-23 12:56:55 +08:00
Lim Chee Aun 85a4b382da Beautify play icon a bit 2023-09-22 00:15:17 +08:00
Lim Chee Aun 551de5a37c Embrace :visited because it's the web 2023-09-21 22:01:00 +08:00
Lim Chee Aun 38bd5c0b5d A bit more aesthetic touches for 'Read more' buttons 2023-09-21 21:56:04 +08:00
Lim Chee Aun 56e846bec6 Add more data-read-more UIs 2023-09-20 17:27:54 +08:00
Lim Chee Aun b1030cb38a Make figcaption blur too if under content warning 2023-09-15 18:06:55 +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 fa145d3ed0 Subtle blockquote styling 2023-09-14 00:25:04 +08:00
Lim Chee Aun f02cd50d7b Fix unknown media not working 2023-09-13 18:10:20 +08:00
Lim Chee Aun 1c295c585b Try this tap UI feedback, idea from Threads 2023-09-07 12:01:26 +08:00
Lim Chee Aun aa12010b80 Try this out, box sizing will be slightly off to the naked eye 2023-09-07 12:00:50 +08:00
Lim Chee Aun 6e4110714c 44px is too small, especially when there's labels inside like GIF or video timestamp 2023-09-07 11:59:40 +08:00
Lim Chee Aun 67fb1a9b19 It's time to double down on scale-down 2023-09-07 11:58:17 +08:00
Lim Chee Aun 1b3112de1b Don't apply max-height to statuses in carousel 2023-08-25 15:41:03 +08:00
Lim Chee Aun e8cc26fe2b bidi fixes 2023-08-23 18:34:11 +08:00
Lim Chee Aun 4a423b134d Fix link style affecting status cards 2023-08-19 17:07:16 +08:00
Lim Chee Aun ff3ef9fa45 Restyle play icon 2023-08-19 14:39:45 +08:00
Lim Chee Aun bce8456ac6 Fix radius 2023-08-19 14:32:21 +08:00
Lim Chee Aun de10faee88 Further apply text color to links 2023-08-18 13:48:45 +08:00
Lim Chee Aun d64a363d60 Stretch the content for boosts in boosts carousel 2023-08-17 22:05:55 +08:00
Lim Chee Aun 8141513fa9 Spruce up buttons in media modal 2023-08-14 20:32:09 +08:00
Lim Chee Aun bf39f9eafc Add (more visible) show/hide poll results
+ small UI polish and fixes
2023-08-09 16:26:29 +08:00