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