Frontend Settings - "Blur NSFW" and "Auto Expand"

[tgxn]

This adds settings for "Blur NSFW" and "Auto Expand".

Backend Changes: LemmyNet/lemmy#3377

Required Translations:

  "blur_nsfw": "Blur NSFW content",
  "auto_expand": "Auto expand media"

[tgxn]

Icons are now blurred. #1256

A few things I'd also like to do/think about:

• Should NSFW content be auto-expanded? If they have "Show NSFW" on, "Blur NSFW" on, then when content is auto-expanded it should be blurred, or not expanded?
• Should we listen for scroll events, and only expand posts when they are in view? (This is how it is done by https://git.lemmynsfw.com/lemmynsfw/lemmy-ui/compare/0.18.0...0.18.0-nsfwpatch)
• Should the community icon be blurred when looking at the community? (ie. the http://localhost:1234/c/testnsfw page)

[alectrocute]

Icons are now blurred. #1256

A few things I'd also like to do/think about:

• Should NSFW content be auto-expanded? If they have "Show NSFW" on, "Blur NSFW" on, then when content is auto-expanded it should be blurred, or not expanded?
• Should we listen for scroll events, and only expand posts when they are in view? (This is how it is done by https://git.lemmynsfw.com/lemmynsfw/lemmy-ui/compare/0.18.0...0.18.0-nsfwpatch)
• Should the community icon be blurred when looking at the community? (ie. the http://localhost:1234/c/testnsfw page)

#1 and #2 are a no from me. #3 makes sense.

Also, it would be great to give our blurs hard edges (eg. overflow: hidden;).

Let’s let the other contributors chime in.

Edit: Thought about it more – re: #3: I don't think they should be blurred when you're looking at the community. Otherwise, it should probably be blurred.

[tgxn]

#1 and #2 are a no from me. #3 makes sense.

For 1. I was thinking that it's a little confusing of what the expected outcome is, do you want to see NSFW, or have it hidden, or have everything auto-expanded? Maybe we can think about combining this with the spoiler feature somehow? LemmyNet/lemmy#3185
Agreed on point 2, I'd rather just hide them or expand them, whatever the user chooses.

Also, it would be great to give our blurs hard edges (eg. overflow: hidden;).

I was just looking at how to achieve that! I found reducing the radius helps, but a hard overflow makes sense.

Let’s let the other contributors chime in.

100%, I'd love to see if these changes make sense to everyone.

[dessalines]

These fields are included now in lemmy-js-client : 0.19.0-rc.1

[SleeplessOne1917]

Waiting for input from @dessalines, @alectrocute, and/or @jsit before merging.

[dessalines]

LGTM, thanks!