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
Lim Chee Aun
2b26635e72
New: Reactions Modal
2023-04-06 22:51:48 +08:00
Lim Chee Aun
6f8390c3f8
Embrace "Private mention"
2023-04-06 18:21:56 +08:00
Lim Chee Aun
66e32fa03f
Fix vertical alignment issues, again
2023-04-06 13:21:53 +08:00
Lim Chee Aun
b49f003605
The faux video container also need special treatment
2023-04-03 11:54:46 +08:00
Lim Chee Aun
687d82fc5a
Try disable backdrop-filter for status action buttons
2023-04-02 17:10:21 +08:00
Lim Chee Aun
61f57a2cc6
Make compact status more compact
2023-04-02 16:04:49 +08:00
Lim Chee Aun
d194b08aef
Further UI change to polls
2023-04-02 15:17:30 +08:00
Lim Chee Aun
c9e120b753
Revert "Make DM striped background fixed"
...
This reverts commit 49301ae965
.
2023-03-31 19:34:30 +08:00
Lim Chee Aun
49301ae965
Make DM striped background fixed
2023-03-31 18:00:30 +08:00
Lim Chee Aun
e4b30d95fc
Small adjustments to poll UI
2023-03-31 01:04:11 +08:00
Lim Chee Aun
4ba9f485b4
Slight modification to poll UI
2023-03-30 15:17:58 +08:00
Lim Chee Aun
dae2cb7614
Fix weird margins here
2023-03-30 15:15:07 +08:00
Lim Chee Aun
d2214c59be
Beautify poll
2023-03-30 11:11:35 +08:00
Lim Chee Aun
ba0f61af8d
Slightly less padding
2023-03-28 19:56:20 +08:00
Lim Chee Aun
8908359b50
New feature experiment: pinch-zoom for images
...
This will probably be very buggy
2023-03-28 00:29:01 +08:00
Lim Chee Aun
d3c964fad3
More vertically compact poll UI
2023-03-26 23:27:44 +08:00
Lim Chee Aun
caee38c98f
New experiment: dedupe boosts and group context
2023-03-26 23:18:36 +08:00
Lim Chee Aun
9822583048
Fix text selection pops up when long-press filtered status
2023-03-23 10:40:31 +08:00
Lim Chee Aun
5f15c5e659
Huh this actually works
2023-03-22 21:32:06 +08:00
Lim Chee Aun
b8ec7d3c51
Show small hints of filter titles
2023-03-22 12:26:28 +08:00
Lim Chee Aun
422813be9c
New experimental Filtered Posts UI
2023-03-22 00:09:36 +08:00
Lim Chee Aun
4af3287f0d
Finally fix this weird alignment and underline
2023-03-18 20:20:18 +08:00
Lim Chee Aun
89c03945a3
"Delete" status feature
2023-03-17 17:14:54 +08:00
Lim Chee Aun
84e064ff30
Prevent Mobile Safari from shrinking the input fields
2023-03-17 08:51:40 +08:00
Lim Chee Aun
a3ea2cb752
Fix Android show stupid box for the ⏵ ascii character
...
Replace with actual icon
2023-03-13 23:40:08 +08:00
Lim Chee Aun
f65c8a9bfc
Experiment default links to text color, except mentions and those that are "processed" by Mastodon
...
Only apply to links in statuses
2023-03-13 10:10:02 +08:00
Lim Chee Aun
81943365c3
Bring the image position magic to the banner too
2023-03-10 19:00:48 +08:00
Lim Chee Aun
2cb22c34e3
Extra checks for prevent weird font size
2023-03-06 18:20:49 +08:00
Lim Chee Aun
0dfa4d6297
Missed this one
2023-03-02 22:15:44 +08:00
Lim Chee Aun
6d72375236
Small style nudge for clicking the timestamp
2023-03-01 19:17:04 +08:00
Lim Chee Aun
1808bebe84
Allow lower height single image
2023-02-28 00:37:53 +08:00
Lim Chee Aun
61fc19a29e
Make tap target larger for status context menu
2023-02-27 22:44:41 +08:00
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