this repo has no description
Make media post respect reading:expand:media
+14
-6
+6
-1
src/components/media-post.css
+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
+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