Update tooltip on tag visibility button #4008

This commit is contained in:
Cohee
2025-05-24 00:50:43 +03:00
parent 36dfbd4cbe
commit d0d358f56f
3 changed files with 5 additions and 1 deletions

View File

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

View File

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

View File

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