diff --git a/module/applications/resources.mjs b/module/applications/resources.mjs index 86f85178..b25e374f 100644 --- a/module/applications/resources.mjs +++ b/module/applications/resources.mjs @@ -20,14 +20,15 @@ export default class Resources extends HandlebarsApplicationMixin(ApplicationV2) classes: [], tag: "div", window: { - frame: true, - title: "Fear", - positioned: true, - resizable: true + frame: true, + title: "Fear", + positioned: true, + resizable: true, + minimizable: false }, actions: { - setFear: Resources.setFear, - increaseFear: Resources.increaseFear + setFear: Resources.setFear, + increaseFear: Resources.increaseFear }, position: { width: 222, diff --git a/styles/resources.less b/styles/resources.less index 71a00c59..ce0f9560 100644 --- a/styles/resources.less +++ b/styles/resources.less @@ -2,12 +2,17 @@ --primary-color-fear: rgba(9, 71, 179, .75); --secondary-color-fear: rgba(9, 71, 179, .75); --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; + --fear-animation : background .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); + header, .controls, .window-resize-handle { + transition: var(--fear-animation); + } .window-content { padding: .5rem; #resource-fear { @@ -104,7 +109,7 @@ box-shadow: unset; border-color: transparent; header, .controls, .window-resize-handle { - visibility: hidden; + opacity: 0; } } &:has(.fear-bar) {