Lim Chee Aun
0b8460cd55
Move things around
2022-12-18 21:10:05 +08:00
Lim Chee Aun
8ba0d15484
Preliminary steps to support safe areas
2022-12-18 21:07:40 +08:00
Lim Chee Aun
a029c7ccae
Change from 'x' to '<' on Status page
2022-12-18 20:53:32 +08:00
Lim Chee Aun
2f24713d71
✨ Real nested comments
...
- Collapsed/expandable replies
- Pagination for many many comments
2022-12-18 20:46:13 +08:00
Lim Chee Aun
9eb40d165f
Only snap to top when there are ancestors
2022-12-18 13:43:34 +08:00
Lim Chee Aun
762e525c68
Add profile metadata
2022-12-18 12:21:57 +08:00
Lim Chee Aun
548af18bee
Only show "New posts" when more than 1 new post
2022-12-18 11:53:58 +08:00
Lim Chee Aun
03b319a517
Make loading new posts less destructive
2022-12-18 11:53:41 +08:00
Lim Chee Aun
16ae8af889
Replace deprecated methods
2022-12-18 11:52:53 +08:00
Lim Chee Aun
1ffcffa1f4
Try different style for "Read more"
2022-12-18 10:08:44 +08:00
Lim Chee Aun
6e09d5f836
Fix .insignificant class affecting other elements
...
Remove them because they were used in previous discarded design
2022-12-18 01:14:44 +08:00
Lim Chee Aun
72b0931554
Super lazy way to implement "only mentions" in Notifications
...
#OnlyMentions
Could have make another tab that makes another request to /notifications but I feel lazy
2022-12-18 01:04:26 +08:00
Lim Chee Aun
4b49c6fb03
Aesthetic changes to Account sheet
...
- Larger avatar
- Less rounded sheet
- Add Joined date
2022-12-18 00:38:19 +08:00
Lim Chee Aun
7c30ba35e4
Show total count for fun
2022-12-18 00:13:56 +08:00
Lim Chee Aun
d3f7659331
Tabular nums for the numbers
2022-12-18 00:09:22 +08:00
Lim Chee Aun
3a21b58f55
Prevent this from wrapping
2022-12-17 23:17:13 +08:00
Lim Chee Aun
58fe7a46f4
Change from line-clamp to max-height
...
-webkit-line-clamp doesn't work on multiple <p>s on Mobile Safari
2022-12-17 23:01:34 +08:00
Lim Chee Aun
4bc4742e8c
New logo
...
Just the nose
2022-12-17 21:29:17 +08:00
Lim Chee Aun
400bc6f696
Truncate long posts on timeline, show "Read more"
...
10-line clamping for now
2022-12-17 21:06:51 +08:00
Lim Chee Aun
734a9b2b76
Remove unused code
2022-12-17 19:51:48 +08:00
Lim Chee Aun
5f0d1e8656
Refactor action buttons + optimistic UI
2022-12-17 17:26:41 +08:00
Lim Chee Aun
1c18184ef4
Fix one-char space inserted when replying to own posts
2022-12-17 17:25:04 +08:00
Lim Chee Aun
d0579a57d6
Fix bug when text nodes contain HTML <>
...
Text nodes don't escape them
2022-12-17 17:24:26 +08:00
Lim Chee Aun
b9c762cf53
Nudge font size smaller for code
2022-12-17 17:23:31 +08:00
Lim Chee Aun
e6ed64cfd0
Fix auto display: none not working
...
`this` probably refers to something else
2022-12-17 14:38:21 +08:00
Lim Chee Aun
f896225707
Hmm remove debugging
2022-12-16 13:58:13 +08:00
Lim Chee Aun
e09e1f16cd
Somehow removed this window.close code
...
Bring it back + focus() for opener window
2022-12-16 13:54:17 +08:00
Lim Chee Aun
ec0b76901a
Disable this faded out hash character
...
It's annoying when folks post many many hashtags in a sentence but at the same time I need this to be the "identifier" that it's a link and clickable
As Phanpy doesn't handle hashtag links yet (in itself), this needs to be distinct.
2022-12-16 13:30:07 +08:00
Lim Chee Aun
665b908698
Put names into every export
2022-12-16 13:27:04 +08:00
Lim Chee Aun
c026635221
Try this 50% width for card image
...
It's tough trying to balance the space required by the image vs the card title/desc/etc
2022-12-16 13:26:38 +08:00
Lim Chee Aun
3ae82d6898
Handle "unknown" media
...
On mastodon.social, images have type:image, but hachyderm returns type:unknown
Found this when editing a post and add two images, on mastodon.social.
2022-12-16 09:20:30 +08:00
Lim Chee Aun
7762c5b6a7
Yeah, this depends on the header height
2022-12-16 01:44:51 +08:00
Lim Chee Aun
715791f41e
Try disable this less-bright images fancy CSS for dark mode
...
Copied from webkit blog but I guess this is a bit fancy
Also possibly conflicting with other styles
2022-12-16 01:37:19 +08:00
Lim Chee Aun
5148462670
Have a little fun with action icons' animations
...
Also fix the jumpy border
2022-12-16 01:28:22 +08:00
Lim Chee Aun
9717b94468
Smaller header for small screen
2022-12-16 00:57:21 +08:00
Lim Chee Aun
db1e481bd3
Ugh have to manual trigger onInput
...
Is there a way to just auto trigger this?
2022-12-16 00:54:44 +08:00
Lim Chee Aun
03d2e2aa72
Add TODO for now for handling multiple mentions
...
If it's just all mentions with no textual content = can close(?)
But if there're a lot of mentions, won't it be dangerous to close?
User can still edit whatever in between like rearranging the mentions etc
2022-12-16 00:53:04 +08:00
Lim Chee Aun
859500a292
Fix copy since it's not just replying to one person
2022-12-16 00:51:08 +08:00
Lim Chee Aun
a41b18b331
Fix auto-prepending mentions when replying
...
Prepend not just the reply-to status's acct, but also all mentions' acct
BUT excluding self
2022-12-16 00:50:38 +08:00
Lim Chee Aun
45babb150b
Try skip polling
...
For large medias, API returns 202 Accepted and media is still processing https://docs.joinmastodon.org/methods/media/#v2
masto.js does extra manual poll check by GET-ing the media after uploaded to see if the media is done processing
2022-12-15 21:34:21 +08:00
Lim Chee Aun
31b3d824cd
Center the items in toolbar
2022-12-15 21:31:44 +08:00
Lim Chee Aun
12c11c65c1
The title inside the card has weird line height
2022-12-15 20:18:48 +08:00
Lim Chee Aun
f5da383ef3
Sometimes external, sometimes not.
2022-12-15 19:45:25 +08:00
Lim Chee Aun
332dd30c1d
Writing logic code is hard
2022-12-15 17:27:28 +08:00
Lim Chee Aun
94dd2bf627
Fix spoiler content accidentally get leaked in document.title
...
- Also add quotes
- Add comment to why use 64 chars (soft) limit
2022-12-15 17:14:33 +08:00
Lim Chee Aun
2ddc1b8005
Better document titles for pop-out compose window
2022-12-15 17:11:15 +08:00
Lim Chee Aun
95519a538e
Some breathing space for "Show more" button
2022-12-15 17:00:11 +08:00
Lim Chee Aun
a5177b3b70
Try disable version check
...
Some Mastodon instances have invalid semver 🤦♂️
E.g. social.treehouse.systems = v4.0.1+glitch+th
2022-12-15 16:54:14 +08:00
Lim Chee Aun
56cab34a9c
Test add last build time and commit hash
2022-12-15 14:42:34 +08:00
Lim Chee Aun
45b7d42d38
Add lazy loading to all images
2022-12-15 14:19:48 +08:00
Lim Chee Aun
ca98863c01
Fix bug when the first notification is already a grouped one
2022-12-15 13:11:28 +08:00
Lim Chee Aun
fc235024aa
Handle pop-in case when there's already a Compose field open
...
Show confirmation first before popping-in
2022-12-15 13:03:20 +08:00
Lim Chee Aun
b987b525ef
Use dvh wherever possible
2022-12-15 12:38:30 +08:00
Lim Chee Aun
2485bb945d
Make sure /compose/ can really run standalone
...
Passing `masto` to new window is a nice hack, but only works when passed from window.opener
When standalone, need to login again
2022-12-15 11:43:24 +08:00
Lim Chee Aun
a115639a99
Uncomment this
2022-12-15 10:59:20 +08:00
Lim Chee Aun
b490974638
Responsive font-size for the poll and actions too
2022-12-15 10:01:18 +08:00
Lim Chee Aun
27c0ba7f4b
Make sure the media has min height
...
Some images have *very* small height
2022-12-15 01:46:04 +08:00
Lim Chee Aun
ca71d45a77
Fix wrong isSelf logic
2022-12-15 01:45:36 +08:00
Lim Chee Aun
da0309ab0f
Light tint of background for poll options
2022-12-15 01:18:23 +08:00
Lim Chee Aun
58860c334c
Responsive font size based on content length
...
The shorter, the larger font-size
2022-12-15 00:41:48 +08:00
Lim Chee Aun
b0372ea83b
Dispatch oninput manually when textarea value change
...
I thought… React/Preact should do this automagically…
2022-12-14 22:54:12 +08:00
Lim Chee Aun
735cbf05b7
Very embarrassing mistake
...
Why do I even name such bad variable names
2022-12-14 22:53:14 +08:00
Lim Chee Aun
fa1769c3c2
New feature: Grouped notifications
...
- Grouped based on notification.type and notification.status.id
- Crossing fingers here
2022-12-14 22:46:50 +08:00
Lim Chee Aun
0aa7066274
Prevent conflicting style for poll when replying to status with a poll
2022-12-14 21:49:42 +08:00
Lim Chee Aun
72751709df
New feature: poll
...
- More fixes
2022-12-14 21:48:17 +08:00
Lim Chee Aun
121e9176f3
Add style for leading choices
...
Also make sure the votes percentage doesn't shrink
2022-12-14 19:00:04 +08:00
Lim Chee Aun
f2dc15c8ef
Slightly smaller font size for meta text in poll
2022-12-14 18:45:34 +08:00
Lim Chee Aun
b883836f8a
Fix percentage count for multiple-choice polls
2022-12-14 17:56:08 +08:00
Lim Chee Aun
410548603f
Fix check icon not appearing for own-voted poll choices
2022-12-14 17:11:16 +08:00
Lim Chee Aun
8b5ac5154c
Fix pre meta text taking up space, due to some *very* long names/usernames
2022-12-14 16:16:08 +08:00
Lim Chee Aun
5c6fb7b7c8
Better username lookup
2022-12-14 15:39:20 +08:00
Lim Chee Aun
d4cdf2435f
Fix poll percentage showing NaN
...
This happens when votes are still 0, so 0 divide by 0
2022-12-14 01:48:55 +08:00
Lim Chee Aun
975f3dd33f
Finally fix HMR not working for this file
2022-12-14 00:39:35 +08:00
Lim Chee Aun
38aaf89529
Don't need this animation, too many happening at the same time
2022-12-14 00:20:43 +08:00
Lim Chee Aun
0e1f4c527e
This close window check is getting on my nerves
2022-12-14 00:20:24 +08:00
Lim Chee Aun
2b21c421d1
Comment out this console.log
2022-12-14 00:19:49 +08:00
Lim Chee Aun
04084d3339
'not-allowed' cursor looks very annoying
2022-12-13 22:34:23 +08:00
Lim Chee Aun
fb6bca9016
Fix wrong logic again
2022-12-13 22:26:29 +08:00
Lim Chee Aun
e2346bc32a
Shift+click to open compose window
...
- Fixes for closing
- Easier code for checking if can close window
2022-12-13 21:54:16 +08:00
Lim Chee Aun
6195f45800
Remove unused code
2022-12-13 20:42:19 +08:00
Lim Chee Aun
9d78e67381
New feature: pop-out compose window
...
- More consistent design for both reply-to status and source status preview
- Fixed bugs too
- Make sure index.css is always above
2022-12-13 20:42:09 +08:00
Lim Chee Aun
3e80ee03f3
Simpler code for content enhancement
...
Also fixed some shortcodes not converted
2022-12-13 20:15:02 +08:00
Lim Chee Aun
19074844be
Fix avatars inside text expander menu
2022-12-13 18:44:35 +08:00
Lim Chee Aun
695b246401
Use back this axios version
...
The experimental fetch is buggy
2022-12-13 16:39:21 +08:00
Lim Chee Aun
7b7b8b9443
Different copy for editing
2022-12-13 01:14:52 +08:00
Lim Chee Aun
74ef381a9c
Remove this console.log
2022-12-13 00:23:47 +08:00
Lim Chee Aun
de5c33a568
Fix gifv not loading
2022-12-13 00:23:37 +08:00
Lim Chee Aun
2a13571328
Remove unused hook
2022-12-13 00:23:12 +08:00
Lim Chee Aun
e79bff1aa8
Import preact/debug
2022-12-12 23:41:31 +08:00
Lim Chee Aun
f649f60b5b
Move the time to the right
2022-12-12 22:56:38 +08:00
Lim Chee Aun
4d09d24e00
Better card preview styling
...
Test in case all the texts are too long and overflowing
2022-12-12 22:43:47 +08:00
Lim Chee Aun
94fb2b04f7
Remove unused code
...
There's no nav now
2022-12-12 22:43:15 +08:00
Lim Chee Aun
3396aa2512
Fix InView creating div inside ul
...
Make it create li but only observe one of the skeleton instead
2022-12-12 22:42:58 +08:00
Lim Chee Aun
79f1b255d2
Slight layout adjustments
2022-12-12 22:15:13 +08:00
Lim Chee Aun
ad8ae165a6
Fix check before closing
2022-12-12 21:58:02 +08:00
Lim Chee Aun
5353a4535a
New feature: Edit status!
...
Get's a bit hacky now
2022-12-12 21:54:31 +08:00
Lim Chee Aun
111bc27f96
Fix spacing inside the card preview
2022-12-12 21:53:06 +08:00
Lim Chee Aun
d32d9c62eb
Style backtick inline codes
...
The tree walker code is generated via Copilot, hope it works
2022-12-12 21:51:59 +08:00
Lim Chee Aun
b988b10c3d
Fixes and refactor for compose UI with media uploads
...
Somehow prettier (for CSS) start running properly
2022-12-12 16:27:44 +08:00
Lim Chee Aun
f7571f6df1
Need to show media attachments even when status size=s
...
This is because status is optional when there are media attachments
So if the status is empty, there's nothing to show at all lololol
2022-12-12 16:25:55 +08:00
Lim Chee Aun
0ecc8b0bd7
Comment out code for deleted status updates
2022-12-12 16:22:36 +08:00
Lim Chee Aun
85866b5190
White background by default (mobile-first)
2022-12-12 10:08:55 +08:00
Lim Chee Aun
e5fa7536e0
Prompt to double-confirm unfollow
2022-12-12 10:03:41 +08:00
Lim Chee Aun
299b638ac3
Attempt to fix videos not autoplaying on Mobile Safari
...
Fallback onClick to play in case it really still doesn't autoplay
2022-12-12 10:00:59 +08:00
Lim Chee Aun
0289d20d8b
Use opacity instead of color
...
Allow skeleton styles to work
2022-12-12 09:50:15 +08:00
Lim Chee Aun
21cfec3386
Remove console logs
2022-12-12 08:47:11 +08:00
Lim Chee Aun
87029b43d4
Fix clicking on active carousel dot closes the media modal
...
Also make the active dot larger
2022-12-12 08:46:50 +08:00
Lim Chee Aun
cb64f5ffda
Add "Edited at" meta with Edit History modal
...
Much refactor, kinda ugly code still.
Edit History design is still very basic.
2022-12-11 21:22:22 +08:00
Lim Chee Aun
6f3eae15b6
Fix missing boost icon
2022-12-11 17:10:10 +08:00
Lim Chee Aun
61d38e2996
Didn't know this can prevent accidental browser "Back" feature
2022-12-11 16:00:44 +08:00
Lim Chee Aun
cfce3c32cd
Always difficult to keep track of z-indices
2022-12-11 15:30:49 +08:00
Lim Chee Aun
d848304c80
Make play icon look nicer on videos
2022-12-11 15:26:49 +08:00
Lim Chee Aun
fe6bdfdeb3
This .plain conflicted with other styles, so create .plain2
...
Also… this looks completely different on Mobile Safari (iPhone)...
Maybe due to a better screen...
2022-12-11 15:00:51 +08:00
Lim Chee Aun
aeceb94219
Fix carousel actually not working properly
...
- Need intersection observer to tell JS that scroll snap happened
- Fix carousel dots not working
- Add fancy background overlay based on image average color
- Disable fade out if open in carousel
2022-12-11 14:35:57 +08:00
Lim Chee Aun
be5a5cbd7c
Remove unneeded code
2022-12-11 13:27:17 +08:00
Lim Chee Aun
ddedcf7975
default 16px font size
2022-12-11 13:09:32 +08:00
Lim Chee Aun
0367a6e08f
Fix box too cramp on smaller screens
2022-12-11 13:09:16 +08:00
Lim Chee Aun
9f9395d965
Better copy to differentiate poll created vs voted
2022-12-11 12:15:39 +08:00
Lim Chee Aun
3bee69dc84
Clear notificationsNew when loading fresh
2022-12-11 12:07:36 +08:00
Lim Chee Aun
977176067e
Fix too many borders on card (image)
2022-12-11 12:05:07 +08:00
Lim Chee Aun
9ad956049b
Another attempt to fix GIFV not auto-playing on Mobile Safari
2022-12-11 11:20:24 +08:00
Lim Chee Aun
bc4551583b
Special styling for "direct" posts
2022-12-11 10:56:31 +08:00
Lim Chee Aun
9c5586e43b
This "@" icon for direct-visibility posts is very confusing
...
Change to the envelope icon for now
2022-12-11 10:56:09 +08:00
Lim Chee Aun
acfc06e5a6
Disable outline for form fields inside the toolbar button
2022-12-11 10:37:43 +08:00
Lim Chee Aun
2945aaab9a
Fix wrong loader color
2022-12-11 10:30:32 +08:00
Lim Chee Aun
5cb65f603d
Possible fix for Mobile Safari not autoplaying gifv
2022-12-11 09:45:25 +08:00
Lim Chee Aun
039d4661fb
Remove target=_blank from username links
...
Mobile Safari ignores the click preventDefault and not show the Account popover. Removing target_blank fixes this ignorance
Kinda hacky fix for now
2022-12-11 09:28:02 +08:00
Lim Chee Aun
ee074bec7f
Use dvh *everywhere*
...
Mobile Safari getting tricky
2022-12-11 08:14:14 +08:00
Lim Chee Aun
4c907c355f
Fix viewport + scroll bugs on Mobile Safari
2022-12-11 08:01:53 +08:00
Lim Chee Aun
5aa9649935
Convert all outlines to borders
...
Because Safari ain't respecting border-radius with outlines
2022-12-11 00:52:04 +08:00
Lim Chee Aun
f89ae6cdcd
Try add description to card
2022-12-11 00:50:49 +08:00
Lim Chee Aun
bcf4fe6e5c
Show domain on first line, chop off "www"
2022-12-11 00:20:23 +08:00
Lim Chee Aun
5c813b69be
Fix fade transition feels too slow and laggy
2022-12-10 23:53:05 +08:00
Lim Chee Aun
f41ca129c2
Fix Notifications link on Home header triggering scroll-to-top
2022-12-10 23:45:52 +08:00
Lim Chee Aun
b69d9f3fa8
Manage to make the top carousel controls hide-able too
2022-12-10 23:39:12 +08:00
Lim Chee Aun
80b3432ccb
Carousel very buggy on mobile. Add close button.
2022-12-10 22:27:00 +08:00
Lim Chee Aun
5797b9bc38
Only need focal positioning if not show original media
2022-12-10 21:58:40 +08:00
Lim Chee Aun
b3941462d6
Facepalm moment
...
s/created_at/createdAt
2022-12-10 21:23:19 +08:00
Lim Chee Aun
d884cddf16
Fix bugs on status page
2022-12-10 21:19:38 +08:00
Lim Chee Aun
7e312a38ff
This is why you should close tabs and not let them pile up in the tab bar
2022-12-10 21:02:03 +08:00
Lim Chee Aun
b06fc385ad
Experiment with this hide-controls UI on carousel
2022-12-10 20:56:38 +08:00
Lim Chee Aun
46d5e20008
Code cleanup on Settings page
2022-12-10 20:48:48 +08:00
Lim Chee Aun
4b93d13256
Make stats less significant
2022-12-10 20:48:23 +08:00
Lim Chee Aun
33637c76d1
Let's change this and see if it's annoying
2022-12-10 20:48:09 +08:00
Lim Chee Aun
d0cdc48bb4
Active carousel dot shouldn't be clickable
2022-12-10 20:47:53 +08:00
Lim Chee Aun
d11a47bdbc
Add link to github repo and myself
2022-12-10 20:47:34 +08:00
Lim Chee Aun
7f02a7f794
Use a better string length
...
Using `string-length` instead of `stringz` that's used by Mastodon
2022-12-10 20:46:56 +08:00
Lim Chee Aun
2fa86980c0
Should be .u-url, not .mention
2022-12-10 19:16:57 +08:00
Lim Chee Aun
ac87f557d6
This .mention style is going global
2022-12-10 19:16:43 +08:00
Lim Chee Aun
b26f1204c7
Enhance the account note and make sure links open in new window
2022-12-10 19:16:11 +08:00
Lim Chee Aun
12a64e4507
No need check relationship with self.
...
"Am I following myself??"
2022-12-10 19:15:30 +08:00
Lim Chee Aun
33c88d648a
Loading/disabled state for actions (boost, favourite, bookmark)
...
Also catch any errors and alert them
2022-12-10 18:23:11 +08:00
Lim Chee Aun
3778a11629
Fix logo
2022-12-10 17:38:20 +08:00
Lim Chee Aun
2b9390a0a1
Initial commit
2022-12-10 17:14:48 +08:00