nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Make media post respect reading:expand:media

Browse source
This commit is contained in:
Lim Chee Aun 2023-12-24 21:20:12 +08:00
parent 60fdd3f522
commit 94075086ce
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/media-post.css
View file

@ -3,7 +3,7 @@
position: relative; position: relative;
animation: appear-smooth 1s ease-out; animation: appear-smooth 1s ease-out;
&:is(.filtered, .has-spoiler) :is(img, video) { &:is(.filtered, .has-spoiler:not(.show-media)) :is(img, video) {
filter: blur(32px); filter: blur(32px);
image-rendering: crisp-edges; image-rendering: crisp-edges;
image-rendering: pixelated; image-rendering: pixelated;
@ -48,6 +48,11 @@
} }
} }
&.has-spoiler.show-media[data-spoiler-text]:before {
mix-blend-mode: normal;
backdrop-filter: blur(4px);
}
.media { .media {
border-radius: var(--item-radius); border-radius: var(--item-radius);
overflow: hidden; overflow: hidden;

13
src/components/media-post.jsx
View file

@ -103,11 +103,13 @@ function MediaPost({
console.debug('RENDER Media post', id, status?.account.displayName); console.debug('RENDER Media post', id, status?.account.displayName);
// const readingExpandSpoilers = useMemo(() => { const hasSpoiler = sensitive;
// const prefs = store.account.get('preferences') || {}; const readingExpandMedia = useMemo(() => {
// return !!prefs['reading:expand:spoilers']; // default | show_all | hide_all
// }, []); const prefs = store.account.get('preferences') || {};
const hasSpoiler = spoilerText || sensitive; return prefs['reading:expand:media'] || 'default';
}, []);
const showSpoilerMedia = readingExpandMedia === 'show_all';
const Parent = parent || 'div'; const Parent = parent || 'div';
@ -131,6 +133,7 @@ function MediaPost({
media-post media-post
${filterInfo ? 'filtered' : ''} ${filterInfo ? 'filtered' : ''}
${hasSpoiler ? 'has-spoiler' : ''} ${hasSpoiler ? 'has-spoiler' : ''}
${showSpoilerMedia ? 'show-media' : ''}
`} `}
> >
<Media <Media