From bc4551583b95c64e153a5d7776c59098ab4271a4 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 11 Dec 2022 10:56:31 +0800
Subject: [PATCH] Special styling for "direct" posts

---
 src/components/status.css | 11 +++++++++++
 src/components/status.jsx |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/status.css b/src/components/status.css
index 81fbceca..eaa8205e 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -15,6 +15,17 @@
     --reply-to-faded-color
   ), transparent 160px);
 }
+.visibility-direct {
+  /* diagonal stripes of yellow */
+  background-image: repeating-linear-gradient(
+    -45deg,
+    var(--reply-to-faded-color),
+    var(--reply-to-faded-color) 10px,
+    var(--reply-to-faded-color) 10px,
+    transparent 10px,
+    transparent 20px
+  );
+}
 
 /* STATUS PRE META */
 
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 015dea2f..98ac7486 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -495,7 +495,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
     <div
       class={`status ${
         !withinContext && inReplyToAccount ? 'status-reply-to' : ''
-      } ${
+      } visibility-${visibility} ${
         {
           s: 'small',
           m: 'medium',