Commit graph

206 commits

Author SHA1 Message Date
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
Lim Chee Aun 8d609e14a6 This subtle press-down effect starts to annoy me 2023-01-03 00:30:40 +08:00
Lim Chee Aun 7408d7a5d4 No need opacity 2023-01-02 23:16:21 +08:00
Lim Chee Aun 597232067d Not down enough 2023-01-02 21:43:04 +08:00
Lim Chee Aun 39124ccc70 Add experimental scroll-based effects
- Scroll to top = refresh Home
- Scroll up/down = show/hide header and compose button
- Scroll near bottom = load next statuses
- Move Compose button to only at Home instead of 'App' level
2023-01-02 21:36:24 +08:00
Lim Chee Aun c3aef80ad4 More styles 2023-01-02 15:00:13 +08:00
Lim Chee Aun d2d8571b3f Fix updates button got cut off in larger viewport 2023-01-01 19:24:08 +08:00
Lim Chee Aun 0517690ed3 Spruce up the compose button 2023-01-01 17:19:20 +08:00
Lim Chee Aun 6306ed9602 Move updates button further down 2023-01-01 16:02:15 +08:00
Lim Chee Aun 951c93a070 Add link to media in carousel modal 2023-01-01 12:28:54 +08:00
Lim Chee Aun 842db90f9c Handle context API call fail error 2023-01-01 12:02:11 +08:00
Lim Chee Aun b153d7526c Add even more spacing 2023-01-01 12:01:39 +08:00
Lim Chee Aun ac91dc7983 Make this manual opt-in 2023-01-01 08:51:56 +08:00
Lim Chee Aun d46a1e8b38 Set min height for timeline 2023-01-01 00:50:48 +08:00
Lim Chee Aun b12b0c588d Experimental j,k,o,esc,backspace shortcuts 2022-12-31 09:52:31 +08:00
Lim Chee Aun 2c970f635a Make focus ring nicer 2022-12-30 23:09:25 +08:00
Lim Chee Aun 30c529fe02 No opacity for sheet animation
Move things around a bit
2022-12-30 13:55:46 +08:00
Lim Chee Aun 167399f889 Subtle press state 2022-12-30 11:03:03 +08:00
Lim Chee Aun 5804ddbdb9 Add all the focuses 2022-12-29 16:11:58 +08:00
Lim Chee Aun c205a43125 Try this fancy touch-action 2022-12-28 20:38:16 +08:00
Lim Chee Aun 86df9fd9f8 Tap media to toggle carousel controls 2022-12-28 19:31:08 +08:00
Lim Chee Aun 44617cffca Make sure bottom toast respect safe area 2022-12-28 18:04:58 +08:00
Lim Chee Aun 23a6cdbe3b Fix video alignment 2022-12-28 14:43:58 +08:00
Lim Chee Aun 8b6cae5611 More gradients for headers 2022-12-28 10:49:43 +08:00
Lim Chee Aun 03ae42ab17 Possible fix for #35 2022-12-27 19:12:36 +08:00
Lim Chee Aun 43e0f51bcf Add bot indicator 2022-12-27 18:09:07 +08:00
Lim Chee Aun 7fca59782e Make donut meter work on Safari 2022-12-26 20:34:24 +08:00
Lim Chee Aun 6b41666efe It's time to toast 🥂 2022-12-26 14:02:05 +08:00
Lim Chee Aun cf4fbc8553 Make sheet have header and body section 2022-12-25 18:01:01 +08:00
Lim Chee Aun e4116cf9e6 Don't need left border in small screen 2022-12-24 23:17:13 +08:00
Lim Chee Aun 966e8b9cb7 Better backdrop 2022-12-24 17:54:58 +08:00