Update tooltip on tag visibility button #4008

d0d358f56f6042e429ef62d6bca294f8d710a491

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

public/css/tags.css+1 -0 Viewed

 .tag_as_folder.right_menu_button {
     filter: brightness(75%) saturate(0.6);
+    margin-right: 5px;
+}
 .tag_as_folder.right_menu_button:hover,

public/index.html+1 -1 Viewed

                 <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>

public/scripts/tags.js+3 -0 Viewed

         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();
     });