From d0d358f56f6042e429ef62d6bca294f8d710a491 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sat, 24 May 2025 00:50:43 +0300
Subject: [PATCH] Update tooltip on tag visibility button #4008

---
 public/css/tags.css    | 1 +
 public/index.html      | 2 +-
 public/scripts/tags.js | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/css/tags.css b/public/css/tags.css
index fb2c165fe..06766affc 100644
--- a/public/css/tags.css
+++ b/public/css/tags.css
@@ -211,6 +211,7 @@
 
 .tag_as_folder.right_menu_button {
     filter: brightness(75%) saturate(0.6);
+    margin-right: 5px;
 }
 
 .tag_as_folder.right_menu_button:hover,
diff --git a/public/index.html b/public/index.html
index 6b7c522d9..8c79ba8c0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6066,7 +6066,7 @@
                 <div title="Tag as folder" class="tag_as_folder fa-solid fa-folder-open right_menu_button" data-i18n="[title]Use tag as folder">
                     <span class="tag_folder_indicator"></span>
                 </div>
-                <div class="right_menu_button fa-solid fa-eye fa-fw eye-toggle" title="Hide on character card" data-i18n="[title]Hide on character card"></div>
+                <div class="right_menu_button fa-solid fa-eye fa-fw eye-toggle"></div>
                 <div class="tag_view_color_picker" data-value="color"></div>
                 <div class="tag_view_color_picker" data-value="color2"></div>
                 <div class="tag_view_name" contenteditable="true"></div>
diff --git a/public/scripts/tags.js b/public/scripts/tags.js
index 2fc5ed537..702b589ea 100644
--- a/public/scripts/tags.js
+++ b/public/scripts/tags.js
@@ -1601,14 +1601,17 @@ function appendViewTagToList(list, tag, everything) {
         colorPicker[0].color = defaultColor;
     });
 
+    const getHideTooltip = () => tag.is_hidden_on_character_card ? t`Hide on character card` : t`Show on character card`;
     const hideToggle = template.find('.eye-toggle');
     hideToggle.toggleClass('fa-eye-slash', tag.is_hidden_on_character_card);
     hideToggle.toggleClass('fa-eye', !tag.is_hidden_on_character_card);
+    hideToggle.attr('title', getHideTooltip());
 
     hideToggle.on('click', () => {
         tag.is_hidden_on_character_card = !tag.is_hidden_on_character_card;
         hideToggle.toggleClass('fa-eye-slash', tag.is_hidden_on_character_card);
         hideToggle.toggleClass('fa-eye', !tag.is_hidden_on_character_card);
+        hideToggle.attr('title', getHideTooltip());
         printCharactersDebounced();
         saveSettingsDebounced();
     });