Merged with main

module/applications/resources.mjs

@@ -22,7 +22,8 @@ export default class Resources extends HandlebarsApplicationMixin(ApplicationV2)
             frame: true,
             title: 'Fear',
             positioned: true,
-            resizable: true
+            resizable: true,
+            minimizable: false
         },
         actions: {
             setFear: Resources.setFear,
@@ -105,6 +106,5 @@ export default class Resources extends HandlebarsApplicationMixin(ApplicationV2)
         if (!game.user.isGM) return;
         value = Math.max(0, Math.min(this.maxFear, value));
         await game.settings.set(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.Resources.Fear, value);
-        await this.render(true);
     }
 }

module/applications/settings.mjs

@@ -181,7 +181,10 @@ export const registerDHSettings = () => {
         scope: 'world',
         config: false,
         type: Number,
-        default: 0
+        default: 0,
+        onChange: () => {
+            if (ui.resources) ui.resources.render({ force: true });
+        }
     });
 
     game.settings.register(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.Resources.MaxFear, {

styles/daggerheart.css

@@ -2934,11 +2934,18 @@ div.daggerheart.views.multiclass {
   --primary-color-fear: rgba(9, 71, 179, 0.75);
   --secondary-color-fear: rgba(9, 71, 179, 0.75);
   --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+  --fear-animation: background 0.3s ease, box-shadow .3s ease, border-color .3s ease, opacity .3s ease;
 }
 #resources {
   min-height: calc(var(--header-height) + 4rem);
   min-width: 4rem;
   color: #d3d3d3;
+  transition: var(--fear-animation);
+}
+#resources header,
+#resources .controls,
+#resources .window-resize-handle {
+  transition: var(--fear-animation);
 }
 #resources .window-content {
   padding: 0.5rem;
@@ -3023,7 +3030,7 @@ div.daggerheart.views.multiclass {
 #resources .window-content #resource-fear.isGM i:hover {
   font-size: var(--font-size-20);
 }
-#resources button[data-action='close'] {
+#resources button[data-action="close"] {
   display: none;
 }
 #resources:not(:hover):not(.minimized) {
@@ -3034,7 +3041,7 @@ div.daggerheart.views.multiclass {
 #resources:not(:hover):not(.minimized) header,
 #resources:not(:hover):not(.minimized) .controls,
 #resources:not(:hover):not(.minimized) .window-resize-handle {
-  visibility: hidden;
+  opacity: 0;
 }
 #resources:has(.fear-bar) {
   min-width: 200px;

styles/resources.less

@@ -2,12 +2,19 @@
     --primary-color-fear: rgba(9, 71, 179, 0.75);
     --secondary-color-fear: rgba(9, 71, 179, 0.75);
     --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+    --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
 }
 
 #resources {
     min-height: calc(var(--header-height) + 4rem);
     min-width: 4rem;
     color: #d3d3d3;
+    transition: var(--fear-animation);
+    header,
+    .controls,
+    .window-resize-handle {
+        transition: var(--fear-animation);
+    }
     .window-content {
         padding: 0.5rem;
         #resource-fear {
@@ -106,7 +113,7 @@
         header,
         .controls,
         .window-resize-handle {
-            visibility: hidden;
+            opacity: 0;
         }
     }
     &:has(.fear-bar) {