Lim Chee Aun
c13cab51a9
Show large card for content with text-weight=1
...
Also finally replace the hacky CSS with something more legit
2023-02-21 23:59:34 +08:00
Lim Chee Aun
cd70bf87db
Animate position-object when link is focused
2023-02-20 17:51:41 +08:00
Lim Chee Aun
e35f4e2644
Vite complain this is too complex
2023-02-17 20:48:52 +08:00
Lim Chee Aun
3915b3818c
One more 40em
2023-02-17 20:48:38 +08:00
Lim Chee Aun
dc1a045de9
Fix play icon too faded out
2023-02-17 13:07:43 +08:00
Lim Chee Aun
c37df11a25
Show pinned posts
2023-02-17 10:12:59 +08:00
Lim Chee Aun
7aba448f42
Handle multi-paragraph code blocks
...
This ain't going to be fun if the HTML gets messier in the future
2023-02-16 21:51:22 +08:00
Lim Chee Aun
e4d9e7f7db
Disable position-object animation when media modal appears
...
Got to say :has() is so darn useful
2023-02-11 23:46:33 +08:00
Lim Chee Aun
61edcb2115
Replace ALT badge with info icon
...
ALT is just… too technical.
2023-02-11 22:36:19 +08:00
Lim Chee Aun
1638bb4e37
Fix clamp bug
2023-02-10 14:20:41 +08:00
Lim Chee Aun
8871334af8
Allow 2-line clamp for alt tag on small screens too
2023-02-10 13:35:43 +08:00
Lim Chee Aun
0a4c3069dd
Fix this translateY making carousel jumpy
...
- It moves outside of the box
- Causes the container to have a vertical scrollbar
- When scrolling, it's moves up and down, causing the carousel to jump
- Don't quite understand why, maybe a super rare browser (Chrome) bug
2023-01-30 19:35:28 +08:00
Lim Chee Aun
305bb92906
Fix optimizeSpeed rendering can affect text kerning and layout
...
Seems like Mobile Safari make less font rendering calculation to speed up rendering. When toggling between text-rendering modes, the text can be shifted or relayout-ed.
2023-01-30 10:01:34 +08:00
Lim Chee Aun
20b0a80c45
Delicate adjustments to the gradient hints
2023-01-25 01:01:04 +08:00
Lim Chee Aun
7f9742b50a
Animate skeleton
2023-01-25 00:26:47 +08:00
Lim Chee Aun
0ea65b2cfd
Remove old spoiler effect
...
This was fun but sadly perf is really bad
2023-01-24 22:21:04 +08:00
Lim Chee Aun
f16c29097c
Experiment: more radius for media
2023-01-24 21:10:44 +08:00
Lim Chee Aun
cdb5435796
Nicer radius for multi-media container
2023-01-23 20:35:15 +08:00
Lim Chee Aun
3213e8503e
Fix alt tag text got chopped off at the bottom
2023-01-22 23:57:43 +08:00
Lim Chee Aun
1439b22963
New feature: ALT badge in image carousel
...
Adjusted the layout and fix some styles as well
2023-01-22 16:27:00 +08:00
Lim Chee Aun
8c0078ddd8
It's time for hairline width
2023-01-14 22:27:02 +08:00
Lim Chee Aun
45c107d403
Make leading poll votes more prominent
2023-01-13 15:44:42 +08:00
Lim Chee Aun
9338c6905d
Try another spoiler effect
2023-01-10 22:10:29 +08:00
Lim Chee Aun
c4236e6de7
New feature: thread numbering
2023-01-10 19:59:02 +08:00
Lim Chee Aun
c4bba6e507
Slight change in poll styles
2023-01-09 23:44:24 +08:00
Lim Chee Aun
a1401e0b69
Active style when click on media
2023-01-09 23:44:02 +08:00
Lim Chee Aun
8a8dad12c8
Better handling of audio
2023-01-09 01:17:16 +08:00
Lim Chee Aun
5b90ab46a8
Make it more hearty
2023-01-07 21:37:16 +08:00
Lim Chee Aun
862107f2e6
Few styling changes to card etc
2023-01-07 20:25:13 +08:00
Lim Chee Aun
ee9bfe6331
Lots of tiny adjustments
2023-01-07 14:45:04 +08:00
Lim Chee Aun
aab9a475e8
Fix text alignment in small card
...
It's confusing when status can be small/large and card can small/large too
2023-01-07 11:52:23 +08:00
Lim Chee Aun
5c162d211f
Rewrite the <video autoplay> hack for Mobile Safari
...
- Auto animate when in Status page
- Object-fit contain for GIFs in Status page
- Add GIF label on timeline
2023-01-06 18:25:47 +08:00
Lim Chee Aun
a4b452e177
Switch back to blur effect for spoilers
...
The SVG filter is too heavy for mobile browsers
2023-01-05 13:30:19 +08:00
Lim Chee Aun
88297fa17e
Remove opacity from spoiler content
2023-01-03 15:52:28 +08:00
Lim Chee Aun
5478e407aa
For large cards, align the meta left
2023-01-03 15:51:33 +08:00
Lim Chee Aun
910120ecd7
When status is small, need more breathing space
2023-01-03 13:52:13 +08:00
Lim Chee Aun
dbfdd6ec68
Add border for card
2023-01-03 13:03:22 +08:00
Lim Chee Aun
f8821d530d
Maybe these might help a little
2023-01-02 22:02:21 +08:00
Lim Chee Aun
07dff34e20
Show formatted duration for video media
2023-01-02 14:21:38 +08:00
Lim Chee Aun
4d7aeca10f
Make skeleton unpointerable
2023-01-01 16:09:10 +08:00
Lim Chee Aun
c116de8456
Don't show card when status is truncated
2023-01-01 16:01:57 +08:00
Lim Chee Aun
f9e1704727
Disable this hover effect for large status
...
Will still animate in timeline but at least not as distracting
2022-12-31 20:18:56 +08:00
Lim Chee Aun
a409ff6712
Some images are just… too high
2022-12-30 13:37:59 +08:00
Lim Chee Aun
5804ddbdb9
Add all the focuses
2022-12-29 16:11:58 +08:00
Lim Chee Aun
a6196f923f
Better styles for card
...
Show large card for large status, but only when there's no poll and media
2022-12-29 08:57:01 +08:00
Lim Chee Aun
5869ec3b9f
Move "Read more" slightly to the left
2022-12-28 10:52:08 +08:00
Lim Chee Aun
fa0ccece32
Handle > 4 medias
...
- Mastodon now doesn't allow >4, so this is for the future or maybe the forks.
- Using grid for better control on how images lay out
2022-12-28 10:51:57 +08:00
Lim Chee Aun
af437ae4c8
Image vertical alignment is always a pain
2022-12-26 20:39:49 +08:00
Lim Chee Aun
e320a5be4a
pre-wrap for code blocks
2022-12-26 18:05:00 +08:00
Lim Chee Aun
be656d585a
Make boosts shorter
2022-12-26 14:33:46 +08:00
