Improved resourceManager clickable

module/applications/sheets/actors/character.mjs

@@ -986,7 +986,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
 
         const target = button.closest('.resource-section');
 
-        // game.tooltip.dismissLockedTooltips();
+        game.tooltip.dismissLockedTooltips();
         game.tooltip.activate(target, {
             html,
             locked: true,
@@ -995,6 +995,13 @@ export default class CharacterSheet extends DHBaseActorSheet {
             noOffset: true
         });
 
+        const resourceManager = target.querySelector('.resource-manager');
+        resourceManager.classList.toggle('inverted');
+
+        Hooks.once(CONFIG.DH.HOOKS.hooksConfig.lockedTooltipDismissed, () => {
+            resourceManager.classList.toggle('inverted');
+        });
+
         for (const element of html.querySelectorAll('.resource-value'))
             element.addEventListener('click', CharacterSheet.resourceUpdate.bind(this));
     }

module/config/hooksConfig.mjs

@@ -1,3 +1,4 @@
 export const hooksConfig = {
-    effectDisplayToggle: 'DHEffectDisplayToggle'
+    effectDisplayToggle: 'DHEffectDisplayToggle',
+    lockedTooltipDismissed: 'DHLockedTooltipDismissed'
 };

module/documents/tooltipManager.mjs

@@ -364,6 +364,12 @@ export default class DhTooltipManager extends foundry.helpers.interaction.Toolti
         return clone;
     }
 
+    /**@inheritdoc */
+    dismissLockedTooltips() {
+        super.dismissLockedTooltips();
+        Hooks.callAll(CONFIG.DH.HOOKS.hooksConfig.lockedTooltipDismissed);
+    }
+
     /** Get HTML for Battlepoints tooltip */
     async getBattlepointHTML(combatId) {
         const combat = game.combats.get(combatId);

styles/less/sheets/actors/character/header.less

@@ -138,6 +138,14 @@
                 align-items: center;
                 gap: 4px;
                 margin-right: 20px;
+
+                .resource-manager {
+                    transition: all 0.1s ease;
+
+                    &.inverted {
+                        transform: rotate(180deg);
+                    }
+                }
             }
 
             .downtime-section {

templates/sheets/actors/character/header.hbs

@@ -82,8 +82,8 @@
                         <i class='fa-regular fa-ban'></i>
                     </span>
                 {{/times}}
+                {{#if hasExtraResources}}<a type="button" class="resource-manager" data-action="toggleResourceManagement"><i class="fa-solid fa-angle-down"></i></a>{{/if}}
             </div>
-            {{#if hasExtraResources}}<button type="button" class="resource-manager" data-action="toggleResourceManagement"><i class="fa-solid fa-bars"></i></button>{{/if}}
         </div>
         {{#if document.system.class.value}}
             <div class="domains-section">