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
Lim Chee Aun
dc7083a11d
Pushing the limits of my math
2023-08-01 23:44: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
3fe99050e0
Small fixes
2023-08-01 00:12:01 +08:00
Lim Chee Aun
507d8f449a
Safari seems really confused with this
2023-07-31 09:31:34 +08:00
Lim Chee Aun
cf59b9dda1
Definitely need to recode this one day
...
Or at least split the code for single media vs multiple media
2023-07-31 00:37:57 +08:00
Lim Chee Aun
760fdb66db
Quick fix for Safari
2023-07-31 00:24:45 +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
fad286e617
Some posts have nested lists
2023-07-26 11:25:57 +08:00
Lim Chee Aun
871fe11d0f
Add safe min-width for poll
2023-07-23 16:57:43 +08:00
Lim Chee Aun
1ef9613358
Need more gap
2023-07-14 10:43:35 +08:00
Lim Chee Aun
ccb656b793
Unordered lists in posts should always be disc
2023-06-14 18:54:46 +08:00
Lim Chee Aun
f368071fcb
ul, ol need a bit more space
2023-05-19 09:03:20 +08:00
Lim Chee Aun
900bcb0410
Gosh, non-Mastodon instances are definitely more rich (in HTML)
2023-05-07 19:20:04 +08:00
Lim Chee Aun
456d4f4ae8
There are lists?
...
Somehow Mastodon allows additional HTML from another Fediverse instance called Bovine
2023-05-04 10:28:34 +08:00
Lim Chee Aun
1ddcb51af5
Add a button here to prevent poll height from jumping
...
Still quite a hidden feature 🤫
2023-05-02 23:19:37 +08:00
Lim Chee Aun
7e2723db4e
Yes, there are blockquotes
2023-04-28 17:58:36 +08:00
Lim Chee Aun
ad774325df
Make image animate when hovering over status card
2023-04-25 20:51:22 +08:00
Lim Chee Aun
01a028d1c5
Attempt to fix Flash of missing text on Mobile Safari
2023-04-24 21:36:33 +08:00
Lim Chee Aun
151332c47f
Add a swoosh
2023-04-23 21:48:49 +08:00
Lim Chee Aun
89d62d6d0f
Fixes for QTs
2023-04-23 19:29:25 +08:00
Lim Chee Aun
9257155e18
Slight shadow
2023-04-23 13:55:37 +08:00
Lim Chee Aun
3eaf3ef62b
New experiment: rendering quote toots
2023-04-23 00:55:47 +08:00
Lim Chee Aun
7a7693ae52
New feature: hashtag stuffing collapsing
2023-04-20 18:56:22 +08:00
Lim Chee Aun
6fb68d34c5
Readjust media sizes again
2023-04-20 17:59:18 +08:00
Lim Chee Aun
b2827e690d
Better handling of mentions
2023-04-20 13:40:42 +08:00
Lim Chee Aun
37a5c09fde
Experiment with larger-height media
...
And few adjustments
2023-04-19 09:43:35 +08:00
Lim Chee Aun
8ad4214850
Finally get rid of bottom faux spacing
2023-04-19 09:41:09 +08:00
Lim Chee Aun
b164d68b4f
Try show non-image cards
2023-04-18 23:46:59 +08:00
Lim Chee Aun
290c1a4b59
Make sure statuses inside edit history and not interact-able
2023-04-18 00:44:29 +08:00
Lim Chee Aun
f0adee6ebf
Add tiny little closed eye for compact status spoiler
2023-04-17 19:09:46 +08:00
Lim Chee Aun
52c66182d1
Make poll smaller
2023-04-17 16:16:52 +08:00
Lim Chee Aun
e80e91648b
Small touch of elegance to the poll
2023-04-14 23:16:53 +08:00
Lim Chee Aun
adfe660cc8
Special styling for portrait media
2023-04-14 21:14:08 +08:00
Lim Chee Aun
d2d6e8b434
Fix disabled button showing hover styles
2023-04-11 10:40:59 +08:00
Lim Chee Aun
d7b91273e8
More alignment stuff
2023-04-08 17:00:55 +08:00
Lim Chee Aun
05bf79870a
Attempt to fix more vertical alignments
2023-04-08 10:47:41 +08:00
Lim Chee Aun
252b52ca7a
Fix alt button background
2023-04-07 19:44:49 +08:00