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
Lim Chee Aun
6561f14d8b
Menu popover need a little soft shadows
2022-12-20 09:28:12 +08:00
Lim Chee Aun
7d7473da15
Possible quick fix for menu popovers not working on iOS
2022-12-20 09:27:59 +08:00
Lim Chee Aun
221ef84e4a
Smaller font size for updates button
2022-12-19 19:24:51 +08:00
Lim Chee Aun
943c017928
Change from flex to grid, for the header
...
Flex is just too… flexible, I need something more rigid like grid
2022-12-19 19:24:39 +08:00
Lim Chee Aun
772c4c7ba9
Remove this, it does weird blends
2022-12-19 16:35:35 +08:00
Lim Chee Aun
4339c4485d
Move the comment button down a bit
2022-12-19 16:35:22 +08:00
Lim Chee Aun
8e8ab69528
Make sure the summary button is on top
2022-12-19 16:35:09 +08:00
Lim Chee Aun
9beee6cb37
Revert back to 'X' instead of '<'
...
It can be confused with the browser back button. It doesn't function as back button as well
2022-12-19 16:25:57 +08:00
Lim Chee Aun
8c97dcc5bc
💅 Aesthetic changes
2022-12-19 13:38:16 +08:00
Lim Chee Aun
e0ed7daa87
Styling fixes
2022-12-19 10:05:50 +08:00
Lim Chee Aun
d8e94270ad
A little outline for elegance
2022-12-19 00:19:44 +08:00
Lim Chee Aun
9022a3ee12
Fix faux bottom spacer not working
2022-12-19 00:19:34 +08:00
Lim Chee Aun
8ba0d15484
Preliminary steps to support safe areas
2022-12-18 21:07:40 +08:00
Lim Chee Aun
a029c7ccae
Change from 'x' to '<' on Status page
2022-12-18 20:53:32 +08:00
Lim Chee Aun
2f24713d71
✨ Real nested comments
...
- Collapsed/expandable replies
- Pagination for many many comments
2022-12-18 20:46:13 +08:00
Lim Chee Aun
6e09d5f836
Fix .insignificant class affecting other elements
...
Remove them because they were used in previous discarded design
2022-12-18 01:14:44 +08:00
Lim Chee Aun
4b49c6fb03
Aesthetic changes to Account sheet
...
- Larger avatar
- Less rounded sheet
- Add Joined date
2022-12-18 00:38:19 +08:00
Lim Chee Aun
ec0b76901a
Disable this faded out hash character
...
It's annoying when folks post many many hashtags in a sentence but at the same time I need this to be the "identifier" that it's a link and clickable
As Phanpy doesn't handle hashtag links yet (in itself), this needs to be distinct.
2022-12-16 13:30:07 +08:00
Lim Chee Aun
7762c5b6a7
Yeah, this depends on the header height
2022-12-16 01:44:51 +08:00
Lim Chee Aun
9717b94468
Smaller header for small screen
2022-12-16 00:57:21 +08:00
Lim Chee Aun
b987b525ef
Use dvh wherever possible
2022-12-15 12:38:30 +08:00
Lim Chee Aun
72751709df
New feature: poll
...
- More fixes
2022-12-14 21:48:17 +08:00
Lim Chee Aun
94fb2b04f7
Remove unused code
...
There's no nav now
2022-12-12 22:43:15 +08:00
Lim Chee Aun
5353a4535a
New feature: Edit status!
...
Get's a bit hacky now
2022-12-12 21:54:31 +08:00
Lim Chee Aun
85866b5190
White background by default (mobile-first)
2022-12-12 10:08:55 +08:00
Lim Chee Aun
87029b43d4
Fix clicking on active carousel dot closes the media modal
...
Also make the active dot larger
2022-12-12 08:46:50 +08:00
Lim Chee Aun
cb64f5ffda
Add "Edited at" meta with Edit History modal
...
Much refactor, kinda ugly code still.
Edit History design is still very basic.
2022-12-11 21:22:22 +08:00
Lim Chee Aun
61d38e2996
Didn't know this can prevent accidental browser "Back" feature
2022-12-11 16:00:44 +08:00
Lim Chee Aun
cfce3c32cd
Always difficult to keep track of z-indices
2022-12-11 15:30:49 +08:00
Lim Chee Aun
aeceb94219
Fix carousel actually not working properly
...
- Need intersection observer to tell JS that scroll snap happened
- Fix carousel dots not working
- Add fancy background overlay based on image average color
- Disable fade out if open in carousel
2022-12-11 14:35:57 +08:00
Lim Chee Aun
be5a5cbd7c
Remove unneeded code
2022-12-11 13:27:17 +08:00
Lim Chee Aun
0367a6e08f
Fix box too cramp on smaller screens
2022-12-11 13:09:16 +08:00
Lim Chee Aun
ee074bec7f
Use dvh *everywhere*
...
Mobile Safari getting tricky
2022-12-11 08:14:14 +08:00
Lim Chee Aun
4c907c355f
Fix viewport + scroll bugs on Mobile Safari
2022-12-11 08:01:53 +08:00
Lim Chee Aun
5aa9649935
Convert all outlines to borders
...
Because Safari ain't respecting border-radius with outlines
2022-12-11 00:52:04 +08:00
Lim Chee Aun
5c813b69be
Fix fade transition feels too slow and laggy
2022-12-10 23:53:05 +08:00
Lim Chee Aun
b69d9f3fa8
Manage to make the top carousel controls hide-able too
2022-12-10 23:39:12 +08:00
Lim Chee Aun
80b3432ccb
Carousel very buggy on mobile. Add close button.
2022-12-10 22:27:00 +08:00
Lim Chee Aun
b06fc385ad
Experiment with this hide-controls UI on carousel
2022-12-10 20:56:38 +08:00
Lim Chee Aun
d0cdc48bb4
Active carousel dot shouldn't be clickable
2022-12-10 20:47:53 +08:00
Lim Chee Aun
ac87f557d6
This .mention style is going global
2022-12-10 19:16:43 +08:00
Lim Chee Aun
2b9390a0a1
Initial commit
2022-12-10 17:14:48 +08:00