Commit graph

347 commits

Author SHA1 Message Date
Lim Chee Aun
bac56a6b4d Add gray bg to standalone composer 2023-04-23 21:37:42 +08:00
Lim Chee Aun
ccd757a2ed Hide switch view mode in small screens 2023-04-20 21:37:55 +08:00
Lim Chee Aun
fbcc1f6e22 Remove blur from media modal background 2023-04-20 19:10:07 +08:00
Lim Chee Aun
0d0e091f35 No more sticky and blur for multi-column styles 2023-04-20 16:15:26 +08:00
Lim Chee Aun
5dc3603795 Close button for modal sheets 2023-04-20 16:10:57 +08:00
Lim Chee Aun
51fc60cf5d Fix column header not clickable when scrolled down 2023-04-19 00:19:43 +08:00
Lim Chee Aun
475a201dbd With the power of :has(), style columns in odd/even bg if >= 3 childs 2023-04-18 23:57:51 +08:00
Lim Chee Aun
2479955e79 Disable snapping for large screen too 2023-04-18 00:20:19 +08:00
Lim Chee Aun
5f263d3658 Stronger loader for large screen 2023-04-17 20:52:05 +08:00
Lim Chee Aun
5f5b1e5132 New Multi-column redesign 2023-04-17 19:37:38 +08:00
Lim Chee Aun
ba868ffff5 Forgot this style 2023-04-17 19:31:11 +08:00
Lim Chee Aun
2dde64e740 Fix arrows gone missing in carousel 2023-04-17 14:41:40 +08:00
Lim Chee Aun
9a04cb6ba3 Add 'Full' view for status pages 2023-04-17 00:14:09 +08:00
Lim Chee Aun
ffea1cceab Potential fix for scrolling bug on iPad 2023-04-15 19:19:43 +08:00
Lim Chee Aun
a505f7c5e4 Fix media not loading if status is not cached 2023-04-15 12:26:11 +08:00
Lim Chee Aun
460e4a3cc4 Don't need ellipse 2023-04-14 18:14:25 +08:00
Lim Chee Aun
19858dc889 It's time for a new loading indicator 2023-04-14 15:46:11 +08:00
Lim Chee Aun
cc3a1d3030 Need readable max width 2023-04-14 15:45:55 +08:00
Lim Chee Aun
f303c6d36c Rewrite status page + media modal
Media modals now have their own URLs
2023-04-14 15:30:04 +08:00
Lim Chee Aun
c7db204d5b More compact menu items 2023-04-10 01:21:02 +08:00
Lim Chee Aun
6fcbff73bd Try no need vertical alignment here 2023-04-10 00:30:13 +08:00
Lim Chee Aun
1c93e8f769 Forgot the styles for ancestors' replies indicator 2023-04-08 18:32:00 +08:00
Lim Chee Aun
0ee17395ae Auto-scroll to filter & add clear filter "button" 2023-04-03 13:17:22 +08:00
Lim Chee Aun
c7f4087ed2 Preliminary steps in adding filter bar 2023-04-03 10:36:31 +08:00
Lim Chee Aun
b849e87884 Fix radius for status badge 2023-04-02 16:16:27 +08:00
Lim Chee Aun
1365cbff3a Fix menu bar not placed properly on Firefox
Because Firefox *still* doesn't support :has
2023-04-02 15:18:08 +08:00
Lim Chee Aun
72eb9a5789 Don't hide background for direct mentions 2023-03-31 11:53:19 +08:00
Lim Chee Aun
347d288c83 It's time to level up ALL replies
When reach level 4, horizontal scrolling will kick in!
2023-03-30 20:07:07 +08:00
Lim Chee Aun
c2ee8c55d3 Sometimes, the scroll snap is kinda annoying for fine pointers 2023-03-29 21:24:00 +08:00
Lim Chee Aun
e9cf647849 It's time to address those corner-cutting cases 2023-03-29 21:17:44 +08:00
Lim Chee Aun
5de45fe885 make scrolling on carousel smoothhhher
Only for fine cursors or hover pointers
2023-03-28 21:25:41 +08:00
Lim Chee Aun
1d1bb1de61 Hide open media file in More button 2023-03-28 15:59:20 +08:00
Lim Chee Aun
82c3d4d878 Move these styles to CSS
Also clean it up, aspect-ratio + width + height actually not even needed
2023-03-27 19:26:00 +08:00
Lim Chee Aun
caee38c98f New experiment: dedupe boosts and group context 2023-03-26 23:18:36 +08:00
Lim Chee Aun
2c8112baa5 Add ability to switch post to its own instance 2023-03-24 15:05:57 +08:00
Lim Chee Aun
45e633de92 UI adjustments to composer 2023-03-24 01:26:49 +08:00
Lim Chee Aun
e6da22a1e0 Nav Menu show avatar if multiple accounts
Accounts sheet default to 'switch' when click on account
2023-03-23 09:51:52 +08:00
Lim Chee Aun
24fdaf78d1 New account context menu!
Add Mention, Mute and Block
2023-03-18 16:24:04 +08:00
Lim Chee Aun
56fb2a9f2b Possibly fix the dangling thread line 2023-03-17 17:15:24 +08:00
Lim Chee Aun
cf3e8895ee Possible fix to the black box bug inside sheet 2023-03-15 22:06:36 +08:00
Lim Chee Aun
f5c05998ba Fix menu text not correctly vertically aligned 2023-03-13 18:53:58 +08:00
Lim Chee Aun
1523d3d727 Don't know why I add this since the beginning
Probably some UI experiment that I forgot to remove lol
2023-03-11 21:38:58 +08:00
Lim Chee Aun
8100a90421 Try add the account header 2023-03-10 17:36:42 +08:00
Lim Chee Aun
79345bd6aa Fix weird line height bug 2023-03-09 23:46:55 +08:00
Lim Chee Aun
50eb9b9f59 Improve context menu design 2023-03-09 21:51:50 +08:00
Lim Chee Aun
87a5eb5492 Add configurable text size 2023-03-08 17:17:23 +08:00
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
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