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
Lim Chee Aun
f8fac1294b
Fixes & adjustments to statuses in Status page
2022-12-24 01:11:11 +08:00
Lim Chee Aun
87f197fc88
Possible fix for #24
2022-12-23 21:28:16 +08:00
Lim Chee Aun
ea0352e51a
Maybe need this
2022-12-23 19:33:06 +08:00
Lim Chee Aun
13a347ce37
New: char count for Compose field
...
Uses pre-compiled regex for perf
2022-12-23 16:45:02 +08:00
Lim Chee Aun
206d40c0a4
Snap stop need to be the children, not parent
2022-12-23 09:17:41 +08:00
Lim Chee Aun
374b8d97d5
Fix some scrolling and snaps
2022-12-23 08:00:11 +08:00
Lim Chee Aun
7e84088d67
Handle case when too many sub-comments
...
For now, encourage clicking on status to see more replies instead of expanding the sub-comments
Feels "wasted" since the comments are already loaded but it's just too much scrolling
Also auto-open if the sub-comments are not a lot.
2022-12-23 00:30:55 +08:00
Lim Chee Aun
79d6fd02b8
The tap highlight color can get very distracting
2022-12-22 19:44:22 +08:00
Lim Chee Aun
eba78e3f07
Time to embrace sheets
...
.box class is just… weird…
2022-12-21 20:00:45 +08:00
Lim Chee Aun
3b6f0f277e
Rewrite whole scroll logic for Status page
...
Handle 3 cases, all written down in comments.
Crossing my fingers 🤞 🤞 🤞
2022-12-21 18:02:13 +08:00
Lim Chee Aun
e9e664d871
Spread the timing function
2022-12-20 20:24:10 +08:00
Lim Chee Aun
8babc97877
Fix status jumping bug
...
This part is too complex.
The thread can get very fancy and it's impossible to handle all use-cases without a lot of code.
Solution is just fading all of them out while loading.
2022-12-20 15:32:31 +08:00
Lim Chee Aun
c16b7764f2
Fancier transition/animation timing function
2022-12-20 15:13:49 +08:00
Lim Chee Aun
bbec6f2de9
Fix small-height videos too small
...
When it's too short, the native video player UI is cramped
2022-12-20 13:21:53 +08:00
