this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Make media post respect reading:expand:media

+14 -6
+6 -1
src/components/media-post.css
··· 3 3 position: relative; 4 4 animation: appear-smooth 1s ease-out; 5 5 6 - &:is(.filtered, .has-spoiler) :is(img, video) { 6 + &:is(.filtered, .has-spoiler:not(.show-media)) :is(img, video) { 7 7 filter: blur(32px); 8 8 image-rendering: crisp-edges; 9 9 image-rendering: pixelated; ··· 46 46 > * { 47 47 pointer-events: none; 48 48 } 49 + } 50 + 51 + &.has-spoiler.show-media[data-spoiler-text]:before { 52 + mix-blend-mode: normal; 53 + backdrop-filter: blur(4px); 49 54 } 50 55 51 56 .media {
+8 -5
src/components/media-post.jsx
··· 103 103 104 104 console.debug('RENDER Media post', id, status?.account.displayName); 105 105 106 - // const readingExpandSpoilers = useMemo(() => { 107 - // const prefs = store.account.get('preferences') || {}; 108 - // return !!prefs['reading:expand:spoilers']; 109 - // }, []); 110 - const hasSpoiler = spoilerText || sensitive; 106 + const hasSpoiler = sensitive; 107 + const readingExpandMedia = useMemo(() => { 108 + // default | show_all | hide_all 109 + const prefs = store.account.get('preferences') || {}; 110 + return prefs['reading:expand:media'] || 'default'; 111 + }, []); 112 + const showSpoilerMedia = readingExpandMedia === 'show_all'; 111 113 112 114 const Parent = parent || 'div'; 113 115 ··· 131 133 media-post 132 134 ${filterInfo ? 'filtered' : ''} 133 135 ${hasSpoiler ? 'has-spoiler' : ''} 136 + ${showSpoilerMedia ? 'show-media' : ''} 134 137 `} 135 138 > 136 139 <Media