From 88accb2a78102422addd36ef90dabd9015f28f80 Mon Sep 17 00:00:00 2001 From: Lim Chee Aun Date: Wed, 2 Aug 2023 17:40:28 +0800 Subject: [PATCH] Reduce code for spoiler styles --- src/components/status.css | 25 +++++++++++++++++++------ 1 file changed, 19 insertions(+), 6 deletions(-) diff --git a/src/components/status.css b/src/components/status.css index 7bf96dd2..2a31a424 100644 --- a/src/components/status.css +++ b/src/components/status.css @@ -395,10 +395,14 @@ align-items: center; } .status - .content-container.has-spoiler + .content-container.has-spoiler:not(.show-spoiler) .spoiler ~ *:not(.media-container, .card), -.status .content-container.has-spoiler .spoiler ~ .card .meta-container { +.status + .content-container.has-spoiler:not(.show-spoiler) + .spoiler + ~ .card + .meta-container { filter: blur(5px) invert(0.5); image-rendering: crisp-edges; image-rendering: pixelated; @@ -408,8 +412,17 @@ transform: scale(0.97); transition: transform 0.1s ease-in-out; } -.status .content-container.has-spoiler .spoiler ~ .media-container .media > *, -.status .content-container.has-spoiler .spoiler ~ .card > img { +.status + .content-container.has-spoiler:not(.show-spoiler) + .spoiler + ~ .media-container + .media + > *, +.status + .content-container.has-spoiler:not(.show-spoiler) + .spoiler + ~ .card + > img { filter: blur(32px); image-rendering: crisp-edges; image-rendering: pixelated; @@ -418,7 +431,7 @@ .status .content-container.show-spoiler .spoiler { border-style: dotted; } -.status +/* .status .content-container.show-spoiler .spoiler ~ *:not(.media-container, .card), @@ -434,7 +447,7 @@ .status .content-container.show-spoiler .spoiler ~ .card > img { filter: none; image-rendering: auto; -} +} */ /* .status .content a:not(.mention):not(:has(span)) { color: inherit; } */