Note when char description is hidden with creator notes

bb0c662713676eaf529df394d0f5f8e449870722

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/index.html+2 -1 Viewed

                         <div id="spoiler_free_desc" class="flex-container flexFlowColumn flex1 flexNoGap">
                             <div id="creators_notes_div" class="title_restorable">
                                 <span data-i18n="Creator's Notes">Creator's Notes</span>
-                                <div id="spoiler_free_desc_button" class="margin0 menu_button fa-solid fa-eye" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
+                                <small id="creators_note_desc_hidden" data-i18n="Character details are hidden.">Character details are hidden.</small>
+                                <div id="spoiler_free_desc_button" class="margin0 menu_button fa-solid fa-eye fa-fw" title="Show / Hide Description and First Message" data-i18n="[title]Show / Hide Description and First Message"></div>
                             </div>
                             <div id="creator_notes_spoiler" class="flex1"></div>
                             <!-- A button to show / hide description_div and description_textarea and first_message_div and firstmessage_textarea-->

public/style.css+12 -0 Viewed

     align-items: center;
+}
+#creators_notes_div {
+    align-items: baseline;
+}
+#creators_note_desc_hidden {
+    display: none;
+}
+#creators_notes_div:has(#spoiler_free_desc_button.fa-eye-slash) #creators_note_desc_hidden {
+    display: initial;
+}
 .alternate_greeting details {
     padding: 2px;
+}