Lim Chee Aun
6e487ad848
Use use-long-press instead
2023-03-08 00:01:51 +08:00
Lim Chee Aun
355b3be6e9
Alrighty, let's test this post translation out!
2023-03-07 22:38:06 +08:00
Lim Chee Aun
9f6657d9a2
Fix wrong shadow color for sheets
2023-03-06 18:19:37 +08:00
Lim Chee Aun
af7c9bc1b1
Differentiate clickable vs static toasts
2023-03-06 16:01:33 +08:00
Lim Chee Aun
7b8c7f3fb6
Grouped favourite+boost notifications!
2023-03-03 11:38:10 +08:00
Lim Chee Aun
e7dc2c8517
Fix updates button not clickable when header is hidden
2023-03-03 11:14:10 +08:00
Lim Chee Aun
07edae4cc3
Make focus ring follow the radius
...
This still won't work on Safari because its outline radius doesn't inherit from border radius
Future Safari will fix this
2023-03-02 21:54:05 +08:00
Lim Chee Aun
d21f6158fe
Finally fix the carousel dot color
2023-02-28 21:02:55 +08:00
Lim Chee Aun
dd1cd56a87
Retry this again
...
max(0, env) doesn't work at all lolol
2023-02-28 16:56:30 +08:00
Lim Chee Aun
d001f30157
Use safe areas for backdrop inset
2023-02-28 15:51:00 +08:00
Lim Chee Aun
57200b382f
Style fixes for new tab/menu bar
2023-02-28 08:30:38 +08:00
Lim Chee Aun
12b2387646
Add backdrop for menu
2023-02-28 08:12:07 +08:00
Lim Chee Aun
58bc60c9b8
Few CSS touches
2023-02-28 07:59:48 +08:00
Lim Chee Aun
ba692e4caa
Fix lack of spacing for compose button above the tab bar
2023-02-28 00:35:23 +08:00
Lim Chee Aun
0bc009140e
It's time to bring back the tab bar
2023-02-27 23:59:41 +08:00
Lim Chee Aun
969cd2f42b
Fix weird input field bug again in Safari
2023-02-27 23:15:32 +08:00
Lim Chee Aun
8aaba24d1f
Add 'more' menu
...
- Refactor Toast
- Fix locale for datetime strings in status
- Nicer shadow for menus
2023-02-27 00:55:04 +08:00
Lim Chee Aun
2afa84c2fd
Fix input width bug on Safari
2023-02-25 14:19:57 +08:00
Lim Chee Aun
15a75e1ed0
Ellipsis-ify menu text
2023-02-25 11:36:07 +08:00
Lim Chee Aun
1c8bba456d
Add menu for Public timeline
...
Add menu item to switch between Local and Federated
2023-02-25 11:25:50 +08:00
Lim Chee Aun
1f2dbb8e06
Experimental multi-hashtag timeline
2023-02-25 10:04:30 +08:00
Lim Chee Aun
be83ca7358
Neat trick to expand click area
2023-02-25 01:49:40 +08:00
Lim Chee Aun
52b18240fd
lol i accidentally got rid if the toast rounded corners
...
I really need to use toast more...
2023-02-24 10:01:07 +08:00
Lim Chee Aun
f24f98ebab
Fix regression bug with carousel position on desktoip
2023-02-23 23:06:35 +08:00
Lim Chee Aun
3037a5d2a1
Don't do media + context while opening media from composer
2023-02-23 17:01:59 +08:00
Lim Chee Aun
732244b4b3
Shiny pill style
2023-02-23 16:43:17 +08:00
Lim Chee Aun
6af689835d
No glow when hover
2023-02-23 15:56:35 +08:00
Lim Chee Aun
63c6637c24
Need a little glow on glass menu
2023-02-23 10:45:28 +08:00
Lim Chee Aun
3232f14247
Fix border radius clipping bug on Safari
2023-02-22 23:39:52 +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
33afb081dd
Need a min height in case height is too small
2023-02-19 01:39:27 +08:00
Lim Chee Aun
a77b96b171
Pushing the limits of CSS coding
2023-02-19 01:23:31 +08:00
Lim Chee Aun
7e65d8be5d
Make smaller statuses stand out in the carousel
2023-02-19 01:10:06 +08:00
Lim Chee Aun
522d55ebb8
New experiment: multi-column mode
2023-02-18 20:48:24 +08:00
Lim Chee Aun
3f73f7d174
Fix weird bug when closing media modal + status page
...
Somehow useMatch re-renders the media modal and mess up some event handlers on it
Possibly due to react-router-match vs preact issues.
So, remove it totally, replace with CSS :has() solution
2023-02-18 17:38:42 +08:00
Lim Chee Aun
523cb09912
Still need some gradient
2023-02-17 22:40:40 +08:00
Lim Chee Aun
5ef67fab91
Variable-ise the 40em
2023-02-17 20:47:09 +08:00
Lim Chee Aun
9fbfc993fd
Smoother animation for menu
2023-02-17 19:39:33 +08:00
Lim Chee Aun
5af2a060a6
Update styles
2023-02-17 19:31:28 +08:00
Lim Chee Aun
e53352592b
Fix scroll position got reseted by CSS
2023-02-17 11:29:39 +08:00
Lim Chee Aun
0430f4ae89
Reuse BoostCarousel for pinned posts
...
Now we can show *anything* into a carousel
2023-02-17 10:55:16 +08:00
Lim Chee Aun
bec531df05
Testing another thing
2023-02-16 17:52:41 +08:00
Lim Chee Aun
0bef245c83
New feature: Shortcuts
2023-02-16 17:52:16 +08:00
Lim Chee Aun
65efe5a9b9
More shadow fixes
2023-02-12 10:26:09 +08:00
Lim Chee Aun
e4c49ec7d7
Shadows should always be dark
2023-02-12 08:10:48 +08:00
Lim Chee Aun
6c43ced27c
Desperate attempt to make the text and buttons flows nicely in the header
...
This code will probably haunt me in the future
2023-02-11 23:35:03 +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
454562d763
Another header width fix
2023-02-11 20:52:54 +08:00
Lim Chee Aun
a1e13322d5
Try this out
2023-02-11 20:39:45 +08:00
Lim Chee Aun
62eb6d6b30
Reuse style for search page, time to surface it
2023-02-11 17:01:43 +08:00
Lim Chee Aun
068a49abce
Add Followed Hashtags
2023-02-11 16:48:47 +08:00
Lim Chee Aun
4b28b6f366
Potential fix for Vite messing up the CSS import order
2023-02-11 09:03:18 +08:00
Lim Chee Aun
0040deaa0a
Better menu styles
2023-02-11 00:15:20 +08:00
Lim Chee Aun
e0e236bd26
Experimental hidden search page
...
And refactored out some reusable components
2023-02-10 22:10:13 +08:00
Lim Chee Aun
81ebb61096
Sneak in this little menu
...
And… fix title leak bug
2023-02-10 13:39:46 +08:00
Lim Chee Aun
5ca9a7a91f
Use different fade timing for updates button
2023-02-10 00:36:56 +08:00
Lim Chee Aun
58d4ca0ff2
Finally replace Home
2023-02-09 22:27:49 +08:00
Lim Chee Aun
6c5807810d
Sometimes I play with hidden UIs
2023-02-08 21:19:07 +08:00
Lim Chee Aun
abed50a64e
Less fancy transition for compose button icon
2023-02-08 19:34:58 +08:00
Lim Chee Aun
f511b0a5ab
More code porting
2023-02-08 19:11:33 +08:00
Lim Chee Aun
9921e487e8
Minimum viable Home → Following port
2023-02-08 00:31:46 +08:00
Lim Chee Aun
942d0b0a30
Fix welcome page peakaboo
2023-02-05 20:14:23 +08:00
Lim Chee Aun
9a261470df
Custom titleComponent for Timeline
2023-01-31 19:08:10 +08:00
Lim Chee Aun
b106d1d519
Adjust header margins
2023-01-31 19:07:09 +08:00
Lim Chee Aun
18b48c8d19
Smarter collapsing, show total comments count, show 3 avatars
2023-01-31 16:13:16 +08:00
Lim Chee Aun
a2e47d7a6a
Hide arrow from summary
2023-01-31 00:37:55 +08:00
Lim Chee Aun
8787d44b56
Disable pinch-zoom on body
2023-01-30 21:54:30 +08:00
Lim Chee Aun
a990b883f3
Remove old unused code
2023-01-30 21:05:49 +08:00
Lim Chee Aun
d5447db035
Use % instead
2023-01-30 19:49:38 +08:00
Lim Chee Aun
09272e8407
Make header go up a little
2023-01-29 19:11:58 +08:00
Lim Chee Aun
b8c9059562
Quick fix for "See post" messing up the top controls div in small screens
2023-01-29 15:55:15 +08:00
Lim Chee Aun
292186e918
New UI experiment: media modal + status detail page
...
- Extracted out the media modal and media component from Status
- Use :has CSS selector to do most of the layout work
- Expecting edge case UI bugs
2023-01-29 15:23:53 +08:00
Lim Chee Aun
80cc387c1c
Home header style change
2023-01-29 10:17:29 +08:00
Lim Chee Aun
66216e911e
At this point, might as well support level 4
...
Also still need to show the comment icon IF THERE'S LEVEL 5++
2023-01-29 01:29:26 +08:00
Lim Chee Aun
a088b48eb7
Status thread page improvements
...
- Show level 3 comments
- Change header-tap to scroll top to a button instead (prevent accidental scroll top)
- Show avatars in <summary>
- Clean up CSS a bit
2023-01-29 01:02:25 +08:00
Lim Chee Aun
ae90b41aae
New feature: "Show all sensitive content" menu
2023-01-28 22:34:36 +08:00
Lim Chee Aun
aaeca7dd03
Refactor out a Timeline component
...
Also replace login() with createClient() for faster log in
2023-01-28 18:52:18 +08:00
Lim Chee Aun
1a5816f886
Try disabling the fade-out when loading context
...
Too distracting.
2023-01-28 14:05:04 +08:00
Lim Chee Aun
816653e2e6
Add j/k keyboard navigation to status page
...
At the same time, fix shift+k not working in Home page
2023-01-27 20:54:18 +08:00
Lim Chee Aun
77c1b36a1f
Fix wrong shadow color
2023-01-27 14:35:44 +08:00
Lim Chee Aun
7785e29f0d
Fun stuff
2023-01-27 11:47:37 +08:00
Lim Chee Aun
3392f57462
Rewrite scrolling logic in carousel
...
Just normal scroll event is enough, don't need intersection observer
2023-01-25 20:37:59 +08:00
Lim Chee Aun
5b8657a2ab
Subtle fade in for menus
2023-01-25 16:39:57 +08:00
Lim Chee Aun
a18659ee27
Test: Disable user-selection in carousel
2023-01-24 22:21:27 +08:00
Lim Chee Aun
5f89c0673a
Fix wrong colors for menu on Mobile Safari
2023-01-24 22:00:50 +08:00
Lim Chee Aun
28281bb752
New component: Menu
...
It's time to do this menu thing the right way instead of hacky CSS
2023-01-24 20:56:43 +08:00
Lim Chee Aun
082745ee4f
Experiment: disable :hover state on non-hover devices
2023-01-24 16:26:22 +08:00
Lim Chee Aun
8cbed0911e
Style carousel dots to look the same too
2023-01-24 12:15:39 +08:00
Lim Chee Aun
a495e1fa68
Only do transition for large screens
2023-01-22 17:19:37 +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
9bff95bcec
Replace preact-router with react-router
...
Need more routing powers, hopefully things don't break 🤞
2023-01-21 00:23:59 +08:00
Lim Chee Aun
a362a9367f
Reduce width of boosts carousel
...
Make it show roughly 3 boosts at a time
2023-01-18 00:56:35 +08:00
Lim Chee Aun
cf0cf27283
Embrace the web's a:visited
2023-01-17 13:37:48 +08:00
Lim Chee Aun
76aeff47ae
Test expand boosts carousel to almost full-width for large screens
2023-01-17 00:56:13 +08:00
Lim Chee Aun
dc25c52e07
Back to left side
2023-01-16 20:49:26 +08:00
Lim Chee Aun
a5e2c30400
Don't need to fade the numbers out
2023-01-15 01:20:35 +08:00
Lim Chee Aun
8c0078ddd8
It's time for hairline width
2023-01-14 22:27:02 +08:00
Lim Chee Aun
0f4f1505ad
More purple please
2023-01-14 22:17:47 +08:00
Lim Chee Aun
b8b8cc57cd
Try rotate3d instead
...
Got to squeeze out that GPU power yo
2023-01-14 20:22:41 +08:00
Lim Chee Aun
e2139399ee
New experiment: Boosts Carousel ™️
2023-01-14 19:42:04 +08:00