Commit graph

236 commits

Author SHA1 Message Date
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
Lim Chee Aun d9096ce831 Make media modal sheet max 2023-01-13 17:23:18 +08:00
Lim Chee Aun 1d4c604899 Still too fast 2023-01-13 15:39:10 +08:00
Lim Chee Aun 7ac7965ea3 Also avoid :active bubbling for buttons 2023-01-12 19:28:37 +08:00
Lim Chee Aun cda16b1da6 720deg is too fast 😂 2023-01-11 11:16:32 +08:00
Lim Chee Aun affc977f42 Need this width 2023-01-11 01:11:13 +08:00
Lim Chee Aun 57d0e0cb77 Prevent horizontal scroll 2023-01-11 01:08:18 +08:00
Lim Chee Aun 021d2aa2ae Feather spins 2023-01-10 21:03:36 +08:00
Lim Chee Aun a1401e0b69 Active style when click on media 2023-01-09 23:44:02 +08:00
Lim Chee Aun c252667ce4 Make updates button drop faster 2023-01-07 21:03:01 +08:00
Lim Chee Aun 33176c5ea7 Have a little fun with CSS variables X JS 2023-01-07 20:38:05 +08:00
Lim Chee Aun ba1674b846 Temporarily disable this
This is affecting the default scrollTop position of the status
2023-01-07 11:46:30 +08:00
Lim Chee Aun fffc8cc983 Further grouping of notifications 2023-01-06 12:51:53 +08:00
Lim Chee Aun 3ca696dd3d Modals for media attachments in composer
Dedicated editor experience per media attachment
2023-01-06 01:51:39 +08:00
Lim Chee Aun eef658b758 Slightly higher z-index for updates-button 2023-01-04 19:41:35 +08:00
Lim Chee Aun a41655698f Disable text selection on some elements 2023-01-03 15:51:16 +08:00