mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-17 15:39:02 +01:00
Feature/89 gm fear display (#104)
* gm fear display * clean up * Make Fear Panel resizable * Update for evil light mode * Fix clients fear update * minimizable false * hover animation * fix
This commit is contained in:
parent
43b0c626c4
commit
32730b3aac
2 changed files with 13 additions and 7 deletions
|
|
@ -20,14 +20,15 @@ export default class Resources extends HandlebarsApplicationMixin(ApplicationV2)
|
||||||
classes: [],
|
classes: [],
|
||||||
tag: "div",
|
tag: "div",
|
||||||
window: {
|
window: {
|
||||||
frame: true,
|
frame: true,
|
||||||
title: "Fear",
|
title: "Fear",
|
||||||
positioned: true,
|
positioned: true,
|
||||||
resizable: true
|
resizable: true,
|
||||||
|
minimizable: false
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
setFear: Resources.setFear,
|
setFear: Resources.setFear,
|
||||||
increaseFear: Resources.increaseFear
|
increaseFear: Resources.increaseFear
|
||||||
},
|
},
|
||||||
position: {
|
position: {
|
||||||
width: 222,
|
width: 222,
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,17 @@
|
||||||
--primary-color-fear: rgba(9, 71, 179, .75);
|
--primary-color-fear: rgba(9, 71, 179, .75);
|
||||||
--secondary-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;
|
--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 {
|
#resources {
|
||||||
min-height: calc(var(--header-height) + 4rem);
|
min-height: calc(var(--header-height) + 4rem);
|
||||||
min-width: 4rem;
|
min-width: 4rem;
|
||||||
color: #d3d3d3;
|
color: #d3d3d3;
|
||||||
|
transition: var(--fear-animation);
|
||||||
|
header, .controls, .window-resize-handle {
|
||||||
|
transition: var(--fear-animation);
|
||||||
|
}
|
||||||
.window-content {
|
.window-content {
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
#resource-fear {
|
#resource-fear {
|
||||||
|
|
@ -104,7 +109,7 @@
|
||||||
box-shadow: unset;
|
box-shadow: unset;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
header, .controls, .window-resize-handle {
|
header, .controls, .window-resize-handle {
|
||||||
visibility: hidden;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:has(.fear-bar) {
|
&:has(.fear-bar) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue