Special styling for .content.truncated

src/components/status.css

@@ -511,6 +511,7 @@
 }
 .status .content-container.has-spoiler:not(.show-spoiler) .spoiler-button {
   ~ *:not(
+      .content.truncated,
       .media-container,
       .card,
       .media-figure-multiple,
@@ -543,6 +544,19 @@
     }
   }
 
+  ~ .content.truncated {
+    opacity: 1;
+
+    > * {
+      opacity: 0.2;
+      text-decoration-thickness: 1.5em;
+      text-decoration-line: line-through;
+      text-rendering: optimizeSpeed;
+      pointer-events: none;
+      user-select: none;
+    }
+  }
+
   /* ~ :is(.media-container, .media-figure-multiple) .media > *, */
   ~ .card .card-image > img {
     display: none;