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

325 commits

Author SHA1 Message Date
Lim Chee Aun
8be2c738df Make figcaption self align to bottom 
This is in case the image height is smaller than the figcaption.
Could be possible for text in other languages.
Flexbox is so cool.
 2023-10-03 22:15:15 +08:00
Lim Chee Aun
7e993704cc More conditions for show/hide captions 
- Remove unused code
- Refactor and memoize the long/short calculation too
 2023-10-02 18:58:42 +08:00
Lim Chee Aun
348efe0069 Experiment figcaption for *multiple* media's 2023-10-02 12:21:26 +08:00
Lim Chee Aun
9f6236762d Place captions to right side of media when there's enough space 2023-10-02 09:30:35 +08:00
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