mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-12-25 11:48:14 +03:00
Code Issues Projects Releases Packages Wiki Activity
2644 commits 4 branches 64 tags 48 MiB
Commit graph

321 commits

Author SHA1 Message Date
Lim Chee Aun
359fd92ae0 Little adjustments, show more captions 2023-10-01 13:18:31 +08:00
Lim Chee Aun
27b0813e49 Fix flickering text bug 
Font size changes when truncated class is added/removed, thus making it flickering
 2023-09-29 09:38:14 +08:00
Lim Chee Aun
99d7525436 Fix name text becomes too easily clickable 2023-09-29 08:58:31 +08:00
Lim Chee Aun
f9cb9502b1 Extract alt badge styles out from tag 
- Differentiate clickable version vs non-clickable version
- Also differentiate alt badge vs the other "tags" on media
 2023-09-28 23:48:01 +08:00
Lim Chee Aun
01c90150a8 Allow show more figcaption 2023-09-28 19:46:44 +08:00
Lim Chee Aun
c1da6b8767 Remove previous experimental code 2023-09-28 18:08:36 +08:00
Lim Chee Aun
8a10ffd477 Have to use media-fg/bg for alt badges 2023-09-28 15:59:10 +08:00
Lim Chee Aun
b6c59d4ee1 Use luminosity for aesthetics 2023-09-28 15:48:55 +08:00
Lim Chee Aun
13cf7b3f92 It's time for global media alt modal 2023-09-28 15:48:32 +08:00
Lim Chee Aun
4dfc0d0b41 Don't show 'Read more' if parent is already truncated 2023-09-28 11:21:40 +08:00
Lim Chee Aun
cb04659ab1 Allow filters for posts in carousels 2023-09-25 10:20:32 +08:00
Lim Chee Aun
d478dbddba Remove new lines from newline-separated hashtag stuffing 
Uses even less vertical space
 2023-09-24 18:33:08 +08:00
Lim Chee Aun
d4dca0e81f Support non-rectangular custom emojis 😩 
Platforms like Misskey have irregularly-shaped custom emojis (emojos?)

- So far this handles horizontally-wide emojis, not tall ones (haven't seen any)
- text-overflow: ellipsis is not used because it can't ellipsis-fy wide emoji images
 2023-09-24 15:45:01 +08:00
Lim Chee Aun
f8fc24aca4 Fix Read More wrongly positioned on Safari 2023-09-24 10:18:01 +08:00
Lim Chee Aun
cd3ab50a18 Make 'Read more' buttons look more consistent everywhere 
Too many cooks spoil the broth
 2023-09-23 19:14:11 +08:00
Lim Chee Aun
b1dec8810b Change video icon style again, might as well make it more consistent this time 2023-09-23 14:39:05 +08:00
Lim Chee Aun
bd7e099f6e Larger status card inside large status 2023-09-23 12:57:19 +08:00
Lim Chee Aun
3d06662559 Prevent nested 'Read more's 2023-09-23 12:56:55 +08:00
Lim Chee Aun
85a4b382da Beautify play icon a bit 2023-09-22 00:15:17 +08:00
Lim Chee Aun
551de5a37c Embrace :visited because it's the web 2023-09-21 22:01:00 +08:00
Lim Chee Aun
38bd5c0b5d A bit more aesthetic touches for 'Read more' buttons 2023-09-21 21:56:04 +08:00
Lim Chee Aun
56e846bec6 Add more data-read-more UIs 2023-09-20 17:27:54 +08:00
Lim Chee Aun
b1030cb38a Make figcaption blur too if under content warning 2023-09-15 18:06:55 +08:00
Lim Chee Aun
d18db56032 Experiment show inline desc for videos in timelines 
Reason: a video takes more time & effort to watch, so a quick desc would be helpful
 2023-09-14 20:41:03 +08:00
Lim Chee Aun
fa145d3ed0 Subtle blockquote styling 2023-09-14 00:25:04 +08:00
Lim Chee Aun
f02cd50d7b Fix unknown media not working 2023-09-13 18:10:20 +08:00
Lim Chee Aun
1c295c585b Try this tap UI feedback, idea from Threads 2023-09-07 12:01:26 +08:00
Lim Chee Aun
aa12010b80 Try this out, box sizing will be slightly off to the naked eye 2023-09-07 12:00:50 +08:00
Lim Chee Aun
6e4110714c 44px is too small, especially when there's labels inside like GIF or video timestamp 2023-09-07 11:59:40 +08:00
Lim Chee Aun
67fb1a9b19 It's time to double down on scale-down 2023-09-07 11:58:17 +08:00
Lim Chee Aun
1b3112de1b Don't apply max-height to statuses in carousel 2023-08-25 15:41:03 +08:00
Lim Chee Aun
e8cc26fe2b bidi fixes 2023-08-23 18:34:11 +08:00
Lim Chee Aun
4a423b134d Fix link style affecting status cards 2023-08-19 17:07:16 +08:00
Lim Chee Aun
ff3ef9fa45 Restyle play icon 2023-08-19 14:39:45 +08:00
Lim Chee Aun
bce8456ac6 Fix radius 2023-08-19 14:32:21 +08:00
Lim Chee Aun
de10faee88 Further apply text color to links 2023-08-18 13:48:45 +08:00
Lim Chee Aun
d64a363d60 Stretch the content for boosts in boosts carousel 2023-08-17 22:05:55 +08:00
Lim Chee Aun
8141513fa9 Spruce up buttons in media modal 2023-08-14 20:32:09 +08:00
Lim Chee Aun
bf39f9eafc Add (more visible) show/hide poll results 
+ small UI polish and fixes
 2023-08-09 16:26:29 +08:00
Lim Chee Aun
a8c7e08f3f Treat posts from groups differently from boosts 2023-08-07 21:26:43 +08:00
Lim Chee Aun
794ee3cb74 More accurate border radius 2023-08-07 16:00:12 +08:00
Lim Chee Aun
6b8ae97d98 Add small link icon for imageless link cards 2023-08-05 00:15:57 +08:00
Lim Chee Aun
76823b8497 Don't propagate large styles to status cards 2023-08-03 02:02:00 +08:00
Lim Chee Aun
1887a34fc5 Another aspect ratio style fix 2023-08-02 17:41:00 +08:00
Lim Chee Aun
88accb2a78 Reduce code for spoiler styles 2023-08-02 17:40:28 +08:00
Lim Chee Aun
c91cda1a2c Ok the math was too advanced for CSS 2023-08-01 23:54:28 +08:00
Lim Chee Aun
dc7083a11d Pushing the limits of my math 2023-08-01 23:44:28 +08:00
Lim Chee Aun
c30eaee4e2 Somehow this kinda works 2023-08-01 18:20:54 +08:00
Lim Chee Aun
b1b1ed0f3f Adjustments to prevent layout shift 2023-08-01 14:26:22 +08:00
Lim Chee Aun
3fe99050e0 Small fixes 2023-08-01 00:12:01 +08:00
Lim Chee Aun
507d8f449a Safari seems really confused with this 2023-07-31 09:31:34 +08:00
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