mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-12-19 19:32:12 +03:00
Code Issues Projects Releases Packages Wiki Activity
2253 commits 3 branches 63 tags 77 MiB
Commit graph

270 commits

Author SHA1 Message Date
Lim Chee Aun
cf59b9dda1 Definitely need to recode this one day 
Or at least split the code for single media vs multiple media
 2023-07-31 00:37:57 +08:00
Lim Chee Aun
760fdb66db Quick fix for Safari 2023-07-31 00:24:45 +08:00
Lim Chee Aun
c003724108 Few changes to how media rendering 
1. Try respect aspect when only 1 media
2. Distance-based image inner-scroll animation
3. Small inner radius between media when >=2 media
 2023-07-30 21:28:17 +08:00
Lim Chee Aun
fad286e617 Some posts have nested lists 2023-07-26 11:25:57 +08:00
Lim Chee Aun
871fe11d0f Add safe min-width for poll 2023-07-23 16:57:43 +08:00
Lim Chee Aun
1ef9613358 Need more gap 2023-07-14 10:43:35 +08:00
Lim Chee Aun
ccb656b793 Unordered lists in posts should always be disc 2023-06-14 18:54:46 +08:00
Lim Chee Aun
f368071fcb ul, ol need a bit more space 2023-05-19 09:03:20 +08:00
Lim Chee Aun
900bcb0410 Gosh, non-Mastodon instances are definitely more rich (in HTML) 2023-05-07 19:20:04 +08:00
Lim Chee Aun
456d4f4ae8 There are lists? 
Somehow Mastodon allows additional HTML from another Fediverse instance called Bovine
 2023-05-04 10:28:34 +08:00
Lim Chee Aun
1ddcb51af5 Add a button here to prevent poll height from jumping 
Still quite a hidden feature 🤫
 2023-05-02 23:19:37 +08:00
Lim Chee Aun
7e2723db4e Yes, there are blockquotes 2023-04-28 17:58:36 +08:00
Lim Chee Aun
ad774325df Make image animate when hovering over status card 2023-04-25 20:51:22 +08:00
Lim Chee Aun
01a028d1c5 Attempt to fix Flash of missing text on Mobile Safari 2023-04-24 21:36:33 +08:00
Lim Chee Aun
151332c47f Add a swoosh 2023-04-23 21:48:49 +08:00
Lim Chee Aun
89d62d6d0f Fixes for QTs 2023-04-23 19:29:25 +08:00
Lim Chee Aun
9257155e18 Slight shadow 2023-04-23 13:55:37 +08:00
Lim Chee Aun
3eaf3ef62b New experiment: rendering quote toots 2023-04-23 00:55:47 +08:00
Lim Chee Aun
7a7693ae52 New feature: hashtag stuffing collapsing 2023-04-20 18:56:22 +08:00
Lim Chee Aun
6fb68d34c5 Readjust media sizes again 2023-04-20 17:59:18 +08:00
Lim Chee Aun
b2827e690d Better handling of mentions 2023-04-20 13:40:42 +08:00
Lim Chee Aun
37a5c09fde Experiment with larger-height media 
And few adjustments
 2023-04-19 09:43:35 +08:00
Lim Chee Aun
8ad4214850 Finally get rid of bottom faux spacing 2023-04-19 09:41:09 +08:00
Lim Chee Aun
b164d68b4f Try show non-image cards 2023-04-18 23:46:59 +08:00
Lim Chee Aun
290c1a4b59 Make sure statuses inside edit history and not interact-able 2023-04-18 00:44:29 +08:00
Lim Chee Aun
f0adee6ebf Add tiny little closed eye for compact status spoiler 2023-04-17 19:09:46 +08:00
Lim Chee Aun
52c66182d1 Make poll smaller 2023-04-17 16:16:52 +08:00
Lim Chee Aun
e80e91648b Small touch of elegance to the poll 2023-04-14 23:16:53 +08:00
Lim Chee Aun
adfe660cc8 Special styling for portrait media 2023-04-14 21:14:08 +08:00
Lim Chee Aun
d2d6e8b434 Fix disabled button showing hover styles 2023-04-11 10:40:59 +08:00
Lim Chee Aun
d7b91273e8 More alignment stuff 2023-04-08 17:00:55 +08:00
Lim Chee Aun
05bf79870a Attempt to fix more vertical alignments 2023-04-08 10:47:41 +08:00
Lim Chee Aun
252b52ca7a Fix alt button background 2023-04-07 19:44:49 +08:00
Lim Chee Aun
2b26635e72 New: Reactions Modal 2023-04-06 22:51:48 +08:00
Lim Chee Aun
6f8390c3f8 Embrace "Private mention" 2023-04-06 18:21:56 +08:00
Lim Chee Aun
66e32fa03f Fix vertical alignment issues, again 2023-04-06 13:21:53 +08:00
Lim Chee Aun
b49f003605 The faux video container also need special treatment 2023-04-03 11:54:46 +08:00
Lim Chee Aun
687d82fc5a Try disable backdrop-filter for status action buttons 2023-04-02 17:10:21 +08:00
Lim Chee Aun
61f57a2cc6 Make compact status more compact 2023-04-02 16:04:49 +08:00
Lim Chee Aun
d194b08aef Further UI change to polls 2023-04-02 15:17:30 +08:00
Lim Chee Aun
c9e120b753 Revert "Make DM striped background fixed" 
This reverts commit 49301ae965.
 2023-03-31 19:34:30 +08:00
Lim Chee Aun
49301ae965 Make DM striped background fixed 2023-03-31 18:00:30 +08:00
Lim Chee Aun
e4b30d95fc Small adjustments to poll UI 2023-03-31 01:04:11 +08:00
Lim Chee Aun
4ba9f485b4 Slight modification to poll UI 2023-03-30 15:17:58 +08:00
Lim Chee Aun
dae2cb7614 Fix weird margins here 2023-03-30 15:15:07 +08:00
Lim Chee Aun
d2214c59be Beautify poll 2023-03-30 11:11:35 +08:00
Lim Chee Aun
ba0f61af8d Slightly less padding 2023-03-28 19:56:20 +08:00
Lim Chee Aun
8908359b50 New feature experiment: pinch-zoom for images 
This will probably be very buggy
 2023-03-28 00:29:01 +08:00
Lim Chee Aun
d3c964fad3 More vertically compact poll UI 2023-03-26 23:27:44 +08:00
Lim Chee Aun
caee38c98f New experiment: dedupe boosts and group context 2023-03-26 23:18:36 +08:00
Lim Chee Aun
9822583048 Fix text selection pops up when long-press filtered status 2023-03-23 10:40:31 +08:00
Lim Chee Aun
5f15c5e659 Huh this actually works 2023-03-22 21:32:06 +08:00
Lim Chee Aun
b8ec7d3c51 Show small hints of filter titles 2023-03-22 12:26:28 +08:00
Lim Chee Aun
422813be9c New experimental Filtered Posts UI 2023-03-22 00:09:36 +08:00
Lim Chee Aun
4af3287f0d Finally fix this weird alignment and underline 2023-03-18 20:20:18 +08:00
Lim Chee Aun
89c03945a3 "Delete" status feature 2023-03-17 17:14:54 +08:00
Lim Chee Aun
84e064ff30 Prevent Mobile Safari from shrinking the input fields 2023-03-17 08:51:40 +08:00
Lim Chee Aun
a3ea2cb752 Fix Android show stupid box for the ⏵ ascii character 
Replace with actual icon
 2023-03-13 23:40:08 +08:00
Lim Chee Aun
f65c8a9bfc Experiment default links to text color, except mentions and those that are "processed" by Mastodon 
Only apply to links in statuses
 2023-03-13 10:10:02 +08:00
Lim Chee Aun
81943365c3 Bring the image position magic to the banner too 2023-03-10 19:00:48 +08:00
Lim Chee Aun
2cb22c34e3 Extra checks for prevent weird font size 2023-03-06 18:20:49 +08:00
Lim Chee Aun
0dfa4d6297 Missed this one 2023-03-02 22:15:44 +08:00
Lim Chee Aun
6d72375236 Small style nudge for clicking the timestamp 2023-03-01 19:17:04 +08:00
Lim Chee Aun
1808bebe84 Allow lower height single image 2023-02-28 00:37:53 +08:00
Lim Chee Aun
61fc19a29e Make tap target larger for status context menu 2023-02-27 22:44:41 +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
cd70bf87db Animate position-object when link is focused 2023-02-20 17:51:41 +08:00
Lim Chee Aun
e35f4e2644 Vite complain this is too complex 2023-02-17 20:48:52 +08:00
Lim Chee Aun
3915b3818c One more 40em 2023-02-17 20:48:38 +08:00
Lim Chee Aun
dc1a045de9 Fix play icon too faded out 2023-02-17 13:07:43 +08:00
Lim Chee Aun
c37df11a25 Show pinned posts 2023-02-17 10:12:59 +08:00
Lim Chee Aun
7aba448f42 Handle multi-paragraph code blocks 
This ain't going to be fun if the HTML gets messier in the future
 2023-02-16 21:51:22 +08:00
Lim Chee Aun
e4d9e7f7db Disable position-object animation when media modal appears 
Got to say :has() is so darn useful
 2023-02-11 23:46:33 +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
1638bb4e37 Fix clamp bug 2023-02-10 14:20:41 +08:00
Lim Chee Aun
8871334af8 Allow 2-line clamp for alt tag on small screens too 2023-02-10 13:35:43 +08:00
Lim Chee Aun
0a4c3069dd Fix this translateY making carousel jumpy 
- It moves outside of the box
- Causes the container to have a vertical scrollbar
- When scrolling, it's moves up and down, causing the carousel to jump
- Don't quite understand why, maybe a super rare browser (Chrome) bug
 2023-01-30 19:35:28 +08:00
Lim Chee Aun
305bb92906 Fix optimizeSpeed rendering can affect text kerning and layout 
Seems like Mobile Safari make less font rendering calculation to speed up rendering. When toggling between text-rendering modes, the text can be shifted or relayout-ed.
 2023-01-30 10:01:34 +08:00
Lim Chee Aun
20b0a80c45 Delicate adjustments to the gradient hints 2023-01-25 01:01:04 +08:00
Lim Chee Aun
7f9742b50a Animate skeleton 2023-01-25 00:26:47 +08:00
Lim Chee Aun
0ea65b2cfd Remove old spoiler effect 
This was fun but sadly perf is really bad
 2023-01-24 22:21:04 +08:00
Lim Chee Aun
f16c29097c Experiment: more radius for media 2023-01-24 21:10:44 +08:00
Lim Chee Aun
cdb5435796 Nicer radius for multi-media container 2023-01-23 20:35:15 +08:00
Lim Chee Aun
3213e8503e Fix alt tag text got chopped off at the bottom 2023-01-22 23:57:43 +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
8c0078ddd8 It's time for hairline width 2023-01-14 22:27:02 +08:00
Lim Chee Aun
45c107d403 Make leading poll votes more prominent 2023-01-13 15:44:42 +08:00
Lim Chee Aun
9338c6905d Try another spoiler effect 2023-01-10 22:10:29 +08:00
Lim Chee Aun
c4236e6de7 New feature: thread numbering 2023-01-10 19:59:02 +08:00
Lim Chee Aun
c4bba6e507 Slight change in poll styles 2023-01-09 23:44:24 +08:00
Lim Chee Aun
a1401e0b69 Active style when click on media 2023-01-09 23:44:02 +08:00
Lim Chee Aun
8a8dad12c8 Better handling of audio 2023-01-09 01:17:16 +08:00
Lim Chee Aun
5b90ab46a8 Make it more hearty 2023-01-07 21:37:16 +08:00
Lim Chee Aun
862107f2e6 Few styling changes to card etc 2023-01-07 20:25:13 +08:00
Lim Chee Aun
ee9bfe6331 Lots of tiny adjustments 2023-01-07 14:45:04 +08:00
Lim Chee Aun
aab9a475e8 Fix text alignment in small card 
It's confusing when status can be small/large and card can small/large too
 2023-01-07 11:52:23 +08:00
Lim Chee Aun
5c162d211f Rewrite the <video autoplay> hack for Mobile Safari 
- Auto animate when in Status page
- Object-fit contain for GIFs in Status page
- Add GIF label on timeline
 2023-01-06 18:25:47 +08:00
Lim Chee Aun
a4b452e177 Switch back to blur effect for spoilers 
The SVG filter is too heavy for mobile browsers
 2023-01-05 13:30:19 +08:00
Lim Chee Aun
88297fa17e Remove opacity from spoiler content 2023-01-03 15:52:28 +08:00
Lim Chee Aun
5478e407aa For large cards, align the meta left 2023-01-03 15:51:33 +08:00
Lim Chee Aun
910120ecd7 When status is small, need more breathing space 2023-01-03 13:52:13 +08:00
Lim Chee Aun
dbfdd6ec68 Add border for card 2023-01-03 13:03:22 +08:00
Lim Chee Aun
f8821d530d Maybe these might help a little 2023-01-02 22:02:21 +08:00
Lim Chee Aun
07dff34e20 Show formatted duration for video media 2023-01-02 14:21:38 +08:00
Lim Chee Aun
4d7aeca10f Make skeleton unpointerable 2023-01-01 16:09:10 +08:00
Lim Chee Aun
c116de8456 Don't show card when status is truncated 2023-01-01 16:01:57 +08:00
Lim Chee Aun
f9e1704727 Disable this hover effect for large status 
Will still animate in timeline but at least not as distracting
 2022-12-31 20:18:56 +08:00
Lim Chee Aun
a409ff6712 Some images are just… too high 2022-12-30 13:37:59 +08:00
Lim Chee Aun
5804ddbdb9 Add all the focuses 2022-12-29 16:11:58 +08:00
Lim Chee Aun
a6196f923f Better styles for card 
Show large card for large status, but only when there's no poll and media
 2022-12-29 08:57:01 +08:00
Lim Chee Aun
5869ec3b9f Move "Read more" slightly to the left 2022-12-28 10:52:08 +08:00
Lim Chee Aun
fa0ccece32 Handle > 4 medias 
- Mastodon now doesn't allow >4, so this is for the future or maybe the forks.
- Using grid for better control on how images lay out
 2022-12-28 10:51:57 +08:00
Lim Chee Aun
af437ae4c8 Image vertical alignment is always a pain 2022-12-26 20:39:49 +08:00
Lim Chee Aun
e320a5be4a pre-wrap for code blocks 2022-12-26 18:05:00 +08:00
Lim Chee Aun
be656d585a Make boosts shorter 2022-12-26 14:33:46 +08:00
Lim Chee Aun
9278645069 Another attempt at fixing GIF not autoplaying on Mobile Safari 2022-12-26 01:09:19 +08:00
Lim Chee Aun
c8ea2e8703 Restyle cards 
Got to max-height it, and then make sure the images crop smaller
 2022-12-26 00:43:17 +08:00
Lim Chee Aun
01963c9d7a Try different heart animation 2022-12-25 23:51:17 +08:00
Lim Chee Aun
cf4fbc8553 Make sheet have header and body section 2022-12-25 18:01:01 +08:00
Lim Chee Aun
0276820185 Fix className typo 2022-12-25 15:49:39 +08:00
Lim Chee Aun
05fd9bdd2c Make spoiler effect work in dark mode 2022-12-24 22:52:19 +08:00
Lim Chee Aun
c6b9e3fc78 New spoiler filter 2022-12-24 16:51:19 +08:00
Lim Chee Aun
d6421972df Reduce spacing at the top of the thread badge 2022-12-24 14:15:47 +08:00
Lim Chee Aun
fcd29d4bdc Aesthetic changes 
- Icon change for "Unlisted"
- Dynamic text size for compose field depending on char count
 2022-12-23 21:25:01 +08:00
Lim Chee Aun
7b6d30f37d Limit iterations for image hover position animation 2022-12-22 15:08:37 +08:00
Lim Chee Aun
c3bbd04e77 Different way of shifting the pixels 2022-12-22 12:59:44 +08:00
Lim Chee Aun
3c4c59106a Handle media > 2 taking a lot of vertical space 
Also handle media > 4, which I think some instances probably allow
 2022-12-22 10:47:45 +08:00
Lim Chee Aun
ade3ebb5ae Experiment: new reply/thread "badges" 
Also totally forced one-lined the name text + date at the top of a status
 2022-12-22 10:35:39 +08:00
Lim Chee Aun
71083b46e2 Add "Refresh" button for polls 2022-12-21 19:46:38 +08:00
Lim Chee Aun
4acb6aa3c2 Subtle badges 2022-12-20 20:17:38 +08:00
Lim Chee Aun
091960bdff Fix border not visible for media-video 2022-12-20 17:50:43 +08:00
Lim Chee Aun
bf907abc17 Disable this small font sizing 2022-12-20 09:37:29 +08:00
Lim Chee Aun
8c97dcc5bc 💅 Aesthetic changes 2022-12-19 13:38:16 +08:00
Lim Chee Aun
96a38e5df1 Bigger check for poll option 2022-12-18 23:06:05 +08:00
Lim Chee Aun
c6e71e2432 Smaller gaps between media attachments 2022-12-18 23:05:49 +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
1ffcffa1f4 Try different style for "Read more" 2022-12-18 10:08:44 +08:00
Lim Chee Aun
d3f7659331 Tabular nums for the numbers 2022-12-18 00:09:22 +08:00
Lim Chee Aun
3a21b58f55 Prevent this from wrapping 2022-12-17 23:17:13 +08:00
Lim Chee Aun
58fe7a46f4 Change from line-clamp to max-height 
-webkit-line-clamp doesn't work on multiple <p>s on Mobile Safari
 2022-12-17 23:01:34 +08:00
Lim Chee Aun
400bc6f696 Truncate long posts on timeline, show "Read more" 
10-line clamping for now
 2022-12-17 21:06:51 +08:00
Lim Chee Aun
5f0d1e8656 Refactor action buttons + optimistic UI 2022-12-17 17:26:41 +08:00
Lim Chee Aun
c026635221 Try this 50% width for card image 
It's tough trying to balance the space required by the image vs the card title/desc/etc
 2022-12-16 13:26:38 +08:00
Lim Chee Aun
5148462670 Have a little fun with action icons' animations 
Also fix the jumpy border
 2022-12-16 01:28:22 +08:00
Lim Chee Aun
12c11c65c1 The title inside the card has weird line height 2022-12-15 20:18:48 +08:00
Lim Chee Aun
b490974638 Responsive font-size for the poll and actions too 2022-12-15 10:01:18 +08:00
Lim Chee Aun
27c0ba7f4b Make sure the media has min height 
Some images have *very* small height
 2022-12-15 01:46:04 +08:00
Lim Chee Aun
da0309ab0f Light tint of background for poll options 2022-12-15 01:18:23 +08:00
Lim Chee Aun
58860c334c Responsive font size based on content length 
The shorter, the larger font-size
 2022-12-15 00:41:48 +08:00
Lim Chee Aun
121e9176f3 Add style for leading choices 
Also make sure the votes percentage doesn't shrink
 2022-12-14 19:00:04 +08:00