Commit graph

325 commits

Author SHA1 Message Date
Lim Chee Aun
afd9d2cf97 Slight style adjustments 2024-02-06 17:32:17 +08:00
Lim Chee Aun
913d923877 Make grouped subsequent hashtag pre-meta more seamless 2024-02-04 19:38:22 +08:00
Lim Chee Aun
a66a4e238e More subtle style change to reply parent 2024-02-02 13:20:55 +08:00
Lim Chee Aun
aa7fb4441f Subtle style change to reply parent 2024-02-02 12:58:35 +08:00
Lim Chee Aun
f1dbb9ec42 Further delay filtered status peek, remove tooltip 2024-02-02 00:27:12 +08:00
Lim Chee Aun
f3d77dd04e Experimental reply parent hint 2024-01-30 14:34:54 +08:00
Lim Chee Aun
14f5c37721 Don't show comment hint for timeline item container 2024-01-30 14:28:28 +08:00
Lim Chee Aun
9792700f30 Fix wrong CSS
Add more checks
2024-01-29 01:38:53 +08:00
Lim Chee Aun
36e852bebb Fix weird overflow: clip bug on Chrome 2024-01-28 00:49:11 +08:00
Lim Chee Aun
6075542071 Exclude the JS-injected hashtag stuffing class 2024-01-26 16:09:21 +08:00
Lim Chee Aun
9cac63c37d Experimental more-harsh hashtag stuffing collapsing 2024-01-25 22:13:38 +08:00
Lim Chee Aun
725da37063 Slight adjustments to post actions bar 2024-01-21 13:10:57 +08:00
Lim Chee Aun
fadfc6052d Only show for coarse pointer 2024-01-15 00:31:42 +08:00
Lim Chee Aun
1017d1d270 Style changes for focused more button 2024-01-14 21:33:52 +08:00
Lim Chee Aun
04179340f6 Further enhance actions bar
- Focus color when context menu is open
- Focus color for more button when context menu is open
- Reuse menu instead of creating another menu
- Show like toast when liked/unliked
2024-01-14 19:36:14 +08:00
Lim Chee Aun
0ebc0fa64c First step in introducing actions bar 2024-01-14 00:32:08 +08:00
Lim Chee Aun
d71b1a7e36 Test add "more" icon near timestamp 2024-01-10 01:47:50 +08:00
Lim Chee Aun
848433365d Don't limit 80px if more than 2 media 2024-01-04 18:55:14 +08:00
Lim Chee Aun
e41e49884f Less paragraph margins for status cards 2024-01-02 17:45:21 +08:00
Lim Chee Aun
852f7090f6 Status card style changes 2024-01-02 12:27:39 +08:00
Lim Chee Aun
d54511aa10 Test a bunch of perf-related style changes 2024-01-02 12:27:22 +08:00
Lim Chee Aun
c3e40297e0 Add a little delay 2023-12-30 21:51:10 +08:00
Lim Chee Aun
32d32b72f4 Less radius for animated media 2023-12-30 20:29:21 +08:00
Lim Chee Aun
de3787209e Make bold less bold 2023-12-29 18:16:19 +08:00
Lim Chee Aun
437d721c26 Safari needs this on every element 2023-12-28 15:23:47 +08:00
Lim Chee Aun
ef8dda2dbb Special styling for .content.truncated 2023-12-27 12:28:01 +08:00
Lim Chee Aun
bc5a4eaf3c Inherit line-through color too 2023-12-27 08:50:23 +08:00
Lim Chee Aun
b89463d412 Various adjustments for spoilers and media
- No more blur effects. Performance is more important
- Add background color for all media
2023-12-26 17:06:52 +08:00
Lim Chee Aun
6dd54633e0 Finally revisiting this CW thing
Respect reading:expand:spoilers and reading:expand:media but differently than Mastodon's logic
2023-12-24 21:07:46 +08:00
Lim Chee Aun
486a707f49 Fix small-width media indentation in status carousels
Center-ize it, add a background color
2023-12-23 15:34:25 +08:00
Lim Chee Aun
60e86c1eaf Use clip more 2023-12-15 23:29:48 +08:00
Lim Chee Aun
aa8cbe046c New experiment: followed tag indicator 2023-12-15 01:58:44 +08:00
Lim Chee Aun
7dd0b0a4fb Fix for smaller images 2023-12-10 19:13:11 +08:00
Lim Chee Aun
ceb92a4bfc Fix media widening applied to status cards 2023-12-09 09:35:39 +08:00
Lim Chee Aun
8009a8d743 What's with all this math 2023-12-05 19:28:42 +08:00
Lim Chee Aun
5be3e22467 Reduce the widening
It gets kinda distracting when it's widen too far to left
2023-12-05 19:15:08 +08:00
Lim Chee Aun
222786f202 Exclude wide media for status cards 2023-12-05 13:01:35 +08:00
Lim Chee Aun
ac05fabf05 Experiment widen multiple-media figure 2023-12-04 15:11:14 +08:00
Lim Chee Aun
012e944a53 Slight style realignment to post carousels 2023-12-03 20:27:49 +08:00
Lim Chee Aun
89fb1bbc07 Experiment show replies count for questions 2023-11-30 23:47:58 +08:00
Lim Chee Aun
7967194b89 Experiment show play progress for longer GIFs 2023-11-23 22:59:27 +08:00
Lim Chee Aun
e42d660756 Remove luminosity, makes the alt text hard to read 2023-11-04 15:23:43 +08:00
Lim Chee Aun
bd798865d8 Fix .media class can clash with carousel's .media 2023-11-03 00:41:28 +08:00
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
Lim Chee Aun
a8c7e08f3f Treat posts from groups differently from boosts 2023-08-07 21:26:43 +08:00
Lim Chee Aun
794ee3cb74 More accurate border radius 2023-08-07 16:00:12 +08:00
Lim Chee Aun
6b8ae97d98 Add small link icon for imageless link cards 2023-08-05 00:15:57 +08:00
Lim Chee Aun
76823b8497 Don't propagate large styles to status cards 2023-08-03 02:02:00 +08:00
Lim Chee Aun
1887a34fc5 Another aspect ratio style fix 2023-08-02 17:41:00 +08:00
Lim Chee Aun
88accb2a78 Reduce code for spoiler styles 2023-08-02 17:40:28 +08:00
Lim Chee Aun
c91cda1a2c Ok the math was too advanced for CSS 2023-08-01 23:54:28 +08:00