Even with “show NSFW” content turned on in settings, images are blurred by default until we click on them. Can we turn this off?

    • yay@lemmynsfw.com
      link
      fedilink
      English
      arrow-up
      3
      ·
      1 year ago

      That’s nice solution. But I needed to add !important to end of filter to make it work.

      For userscript usage (with greasemonkey, tampermoney etc.):

      // ==UserScript==
      // @name lemmynsfw no blur
      // @description lemmynsfw no blur
      // @match https://lemmynsfw.com/
      // @grant GM_addStyle
      // @run-at document-start
      // ==/UserScript==
      
      GM_addStyle(`
        .img-blur {
          filter: none !important;
          -webkit-filter: none !important;
          -moz-filter: none !important;
          -o-filter: none !important;
          -ms-filter: none !important;
        }
      `);
      
      • God@lemmynsfw.com
        link
        fedilink
        English
        arrow-up
        3
        ·
        edit-2
        1 year ago

        modified it so that it also unblurs inside communities: (added * after the url)

        // ==UserScript==
        // @name lemmynsfw no blur
        // @version 1.1
        // @description unblur
        // @match https://lemmynsfw.com/*
        // @grant GM_addStyle
        // @run-at document-start
        // ==/UserScript==
        
        GM_addStyle(`
          .img-blur {
            filter: none !important;
            -webkit-filter: none !important;
            -moz-filter: none !important;
            -o-filter: none !important;
            -ms-filter: none !important;
          }
        `);
        
        • FreePussy4All@lemmynsfw.com
          link
          fedilink
          English
          arrow-up
          9
          ·
          1 year ago

          Modified your modification to also improve the size of embeds (ie redgif content)

          // ==UserScript==
          // @name lemmynsfw no blur and embed size tweak
          // @version 1.2
          // @description unblur
          // @match https://lemmynsfw.com/*
          // @grant GM_addStyle
          // @run-at document-start
          // ==/UserScript==
          
          GM_addStyle(`
            .img-blur {
              filter: none !important;
              -webkit-filter: none !important;
              -moz-filter: none !important;
              -o-filter: none !important;
              -ms-filter: none !important;
            }
            div.post-listing > iframe {
              width: 100%;
              height: 26rem;
            }
          `);
          
        • yay@lemmynsfw.com
          link
          fedilink
          English
          arrow-up
          7
          ·
          1 year ago

          Yeah, I was thinking about forking lemmy codebases and making edits on them. But instead of manipulating it on web ui, I think we can add this to account settings so anyone can choose whatever they want. But important than this, we should have bigger image as default and not click each thumbnail to see content.

    • Crackhappy@lemmynsfw.com
      link
      fedilink
      English
      arrow-up
      3
      ·
      edit-2
      1 year ago

      Perfect. I came to comment this exact thing, but you already did it!

      Quick edit, to make the thumbnails larger (although a bit pixellated) you can also add this:

      .thumbnail { max-height: none; }

      • Ohhai@lemmynsfw.com
        link
        fedilink
        English
        arrow-up
        2
        ·
        edit-2
        1 year ago

        I can’t get this to work though. I’m not sure what I’m doing wrong. I get a few issues:

        #1 error 1 : 1 Unexpected “GM_addStyle(”. error 1 : 13 Unexpected “". error 13 : 1 Unexpected "”. error 13 : 2 Unexpected “)”. error 13 : 3 Unexpected “;”.

        Edit: turns out OPs code works perfectly and the ones from below just straight up don’t work for me.