From d24441343a41be4f6bd4617caf8b81e36f04ba64 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 19 Aug 2023 20:39:37 -0400
Subject: [PATCH] always show cw text, fix #480

---
 .../stream/status/status.component.html       |  5 +++++
 .../stream/status/status.component.scss       | 20 +++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/src/app/components/stream/status/status.component.html b/src/app/components/stream/status/status.component.html
index 48035763..0d615716 100644
--- a/src/app/components/stream/status/status.component.html
+++ b/src/app/components/stream/status/status.component.html
@@ -109,6 +109,11 @@
                 <span class="status__content-warning--title">sensitive content</span>
                 <span innerHTML="{{ contentWarningText }}"></span>
             </a>
+
+            <div class="status__content-warning__closed" *ngIf="!isContentWarned && contentWarningText" title="content warning">
+                <span innerHTML="{{ contentWarningText }}"></span>
+            </div>
+
             <app-databinded-text #databindedtext class="status__content" *ngIf="!isContentWarned" [text]="statusContent" [selected]="isSelected"
                 (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
                 (textSelected)="textSelected()"></app-databinded-text>
diff --git a/src/app/components/stream/status/status.component.scss b/src/app/components/stream/status/status.component.scss
index da273f0e..02c5e7f8 100644
--- a/src/app/components/stream/status/status.component.scss
+++ b/src/app/components/stream/status/status.component.scss
@@ -172,6 +172,26 @@
         border: 3px solid  $status-secondary-color;
         color: whitesmoke;
 
+        &__closed {
+            //margin: 0 5px 0 $avatar-column-space;
+            margin: 0 5px 0 calc(#{$avatar-column-space} - 1px);
+            padding: 3px 5px 3px 5px;
+            margin-bottom: 5px;
+            overflow-wrap: break-word;
+            
+            font-size: 12px;
+
+            border-radius: 4px;
+
+            // color: #6d8fd3;
+            // color: #7282a1;
+            // color: #838da1;
+            color: #919bb1;
+            // background-color: #273149;
+            // background-color: #1f273a;
+            background-color: #171d2b;
+        }
+
         &--title {
             color:  $content-warning-font-color;
             font-size: 11px;