From c4cc73a601fc928683ab25730102644fd199d354 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Fri, 31 Jan 2025 21:19:29 +0100
Subject: [PATCH] [frontend/components] Include character count in content
 warnings

---
 Iceshrimp.Frontend/Components/Note/NoteBody.razor     | 11 ++++++++++-
 Iceshrimp.Frontend/Components/Note/NoteBody.razor.css |  6 +++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Note/NoteBody.razor b/Iceshrimp.Frontend/Components/Note/NoteBody.razor
index b4ef5578..4d3b9bc6 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteBody.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteBody.razor
@@ -10,7 +10,16 @@
     {
         <div class="cw">
             <span class="cw-field"><MfmText Text="@NoteBase.Cw" Emoji="@NoteBase.Emoji" Simple="@true"/></span>
-            <button class="cw-button" @onclick="ToggleCw" @onclick:stopPropagation="true">Toggle CW</button>
+            <button class="cw-button" @onclick="ToggleCw" @onclick:stopPropagation="true">
+                @if (NoteBase.Text != null)
+                {
+                    @Loc["Toggle CW ({0} Characters)", NoteBase.Text.Length]
+                }
+                else
+                {
+                    @Loc["Toggle CW"]
+                }
+            </button>
         </div>
     }
     @if (_overHeight & !_showFull)
diff --git a/Iceshrimp.Frontend/Components/Note/NoteBody.razor.css b/Iceshrimp.Frontend/Components/Note/NoteBody.razor.css
index f4f3157a..7db7307d 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteBody.razor.css
+++ b/Iceshrimp.Frontend/Components/Note/NoteBody.razor.css
@@ -35,7 +35,11 @@
 .cw-button {
     font-size: 0.75em;
     margin-left: 0.5em;
-    padding: 0.2em;
+    padding: 0.1em 0.25em;
+}
+
+.cw-button:hover {
+    background-color: var(--hover-color);
 }
 
 .truncate-btn {