Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://blob.cat/objects/18d223e3-5da6-45e7-9f2c-4cf3c784f394">glow (glow@blob.cat)'s status on Tuesday, 05-Nov-2024 06:08:33 JST</a><a href="https://blob.cat/users/glow" title="glow@blob.cat"><img src="https://gnusocial.jp/avatar/142406-48-20230702170315.webp" width="48" height="48" alt="glow" style="position: absolute; left: 0; top: 0;">glow</a></section><article><p>You can instruct <a href="https://blob.cat/tag/pleroma" rel="tag">#Pleroma</a> to not blur <a href="https://blob.cat/tag/nsfw" rel="tag">#NSFW</a> images. Unfortunately this settings syncs to other devices and it really shouldn’t. I don’t want them blurred at home, but want them blurred at work.  So I have an alternate solution:</p><p>Use this CSS in one of the user style extensions like Stylus:</p>.Attachment:has(.image-container:nth-child(2)) .image-container:first-child {
    display: none;
}
<p>I am posting this because this CSS selector is rather complicated, so I am posting it for posterity.</p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/3936548#notice-7691539">In conversation</a><time datetime="2024-11-05T06:08:33+09:00" title="Tuesday, 05-Nov-2024 06:08:33 JST">about 17 days ago</time> <span>from <span><a href="https://blob.cat/objects/18d223e3-5da6-45e7-9f2c-4cf3c784f394" rel="external" title="Sent from blob.cat via ActivityPub">blob.cat</a></span></span><a href="https://blob.cat/objects/18d223e3-5da6-45e7-9f2c-4cf3c784f394">permalink</a></footer></blockquote>

Corresponding Notice

Embed this notice
glow (glow@blob.cat)'s status on Tuesday, 05-Nov-2024 06:08:33 JST glow
You can instruct #Pleroma to not blur #NSFW images. Unfortunately this settings syncs to other devices and it really shouldn’t. I don’t want them blurred at home, but want them blurred at work. So I have an alternate solution:
Use this CSS in one of the user style extensions like Stylus:
.Attachment:has(.image-container:nth-child(2)) .image-container:first-child { display: none; }
I am posting this because this CSS selector is rather complicated, so I am posting it for posterity.
In conversationabout 17 days ago from blob.catpermalink

Public

Embed Notice

HTML Code

Corresponding Notice