229 - Narrative Countdown Window Update (#237)

* Improved

* Fixed the mode not sticking

* Removed console log
This commit is contained in:
WBHarry 2025-07-02 23:37:23 +02:00 committed by GitHub
parent ac7fb93635
commit a79b7189b6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 258 additions and 187 deletions

View file

@ -15,13 +15,15 @@ fieldset.daggerheart.chat {
display: flex;
align-items: center;
gap: 5px;
&:before, &:after {
&:before,
&:after {
content: '\f0d8';
font-family: "Font Awesome 6 Pro";
font-family: 'Font Awesome 6 Pro';
}
}
&.expanded {
legend:before, legend:after {
legend:before,
legend:after {
content: '\f0d7';
}
}
@ -229,20 +231,20 @@ fieldset.daggerheart.chat {
.target-selection {
display: flex;
justify-content: space-around;
input[type="radio"] {
input[type='radio'] {
display: none;
&:checked + label {
text-shadow: 0px 0px 4px #CE5937;
text-shadow: 0px 0px 4px #ce5937;
}
&:not(:checked) + label {
opacity: .75;
opacity: 0.75;
}
}
label {
cursor: pointer;
opacity: .75;
opacity: 0.75;
&.target-selected {
text-shadow: 0px 0px 4px #CE5937;
text-shadow: 0px 0px 4px #ce5937;
opacity: 1;
}
}
@ -273,7 +275,8 @@ fieldset.daggerheart.chat {
background: @miss;
}
img, .target-save-container {
img,
.target-save-container {
width: 22px;
height: 22px;
align-self: center;
@ -401,7 +404,7 @@ fieldset.daggerheart.chat {
display: none;
}
&::after {
content: "??";
content: '??';
}
}
}
@ -414,7 +417,8 @@ fieldset.daggerheart.chat {
border-top-width: 0;
display: contents;
legend {
&:before, &:after {
&:before,
&:after {
display: none;
}
}

View file

@ -1,6 +1,6 @@
.theme-light {
.daggerheart.dh-style.countdown {
&.minimized .minimized-view .mini-countdown-container {
.minimized-view .mini-countdown-container {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
}
@ -26,51 +26,38 @@
}
}
&.minimized {
height: auto !important;
max-height: unset !important;
max-width: 740px !important;
width: auto !important;
.minimized-view {
display: flex;
gap: 8px;
flex-wrap: wrap;
.window-content {
display: flex;
padding: 4px 8px;
justify-content: center;
}
.minimized-view {
.mini-countdown-container {
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
border: 2px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
padding: 0 4px 0 0;
background-image: url('../assets/parchments/dh-parchment-light.png');
color: light-dark(@beige, @dark);
cursor: pointer;
.mini-countdown-container {
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
border: 2px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
padding: 0 4px 0 0;
background-image: url('../assets/parchments/dh-parchment-light.png');
color: light-dark(@beige, @dark);
cursor: pointer;
&.disabled {
cursor: initial;
}
&.disabled {
cursor: initial;
}
img {
width: 30px;
height: 30px;
border-radius: 6px 0 0 6px;
}
img {
width: 30px;
height: 30px;
border-radius: 6px 0 0 6px;
}
.mini-countdown-name {
white-space: nowrap;
}
.mini-countdown-name {
white-space: nowrap;
}
.mini-countdown-value {
}
.mini-countdown-value {
}
}
}

View file

@ -1414,7 +1414,7 @@ fieldset.daggerheart.chat legend {
fieldset.daggerheart.chat legend:before,
fieldset.daggerheart.chat legend:after {
content: '\f0d8';
font-family: "Font Awesome 6 Pro";
font-family: 'Font Awesome 6 Pro';
}
fieldset.daggerheart.chat.expanded legend:before,
fieldset.daggerheart.chat.expanded legend:after {
@ -1559,13 +1559,13 @@ fieldset.daggerheart.chat .daggerheart.chat {
display: flex;
justify-content: space-around;
}
.daggerheart.chat.roll .target-selection input[type="radio"] {
.daggerheart.chat.roll .target-selection input[type='radio'] {
display: none;
}
.daggerheart.chat.roll .target-selection input[type="radio"]:checked + label {
text-shadow: 0px 0px 4px #CE5937;
.daggerheart.chat.roll .target-selection input[type='radio']:checked + label {
text-shadow: 0px 0px 4px #ce5937;
}
.daggerheart.chat.roll .target-selection input[type="radio"]:not(:checked) + label {
.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label {
opacity: 0.75;
}
.daggerheart.chat.roll .target-selection label {
@ -1573,7 +1573,7 @@ fieldset.daggerheart.chat .daggerheart.chat {
opacity: 0.75;
}
.daggerheart.chat.roll .target-selection label.target-selected {
text-shadow: 0px 0px 4px #CE5937;
text-shadow: 0px 0px 4px #ce5937;
opacity: 1;
}
.daggerheart.chat.roll .target-section {
@ -1700,7 +1700,7 @@ fieldset.daggerheart.chat .daggerheart.chat {
display: none;
}
.daggerheart.chat [data-view-perm='false']::after {
content: "??";
content: '??';
}
.theme-colorful .chat-message.duality {
border-color: black;
@ -3474,7 +3474,7 @@ div.daggerheart.views.multiclass {
#resources:has(.fear-bar) {
min-width: 200px;
}
.theme-light .daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container {
.theme-light .daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.daggerheart.dh-style.countdown {
@ -3494,23 +3494,12 @@ div.daggerheart.views.multiclass {
.daggerheart.dh-style.countdown fieldset legend a {
text-shadow: none;
}
.daggerheart.dh-style.countdown.minimized {
height: auto !important;
max-height: unset !important;
max-width: 740px !important;
width: auto !important;
}
.daggerheart.dh-style.countdown.minimized .window-content {
display: flex;
padding: 4px 8px;
justify-content: center;
}
.daggerheart.dh-style.countdown.minimized .minimized-view {
.daggerheart.dh-style.countdown .minimized-view {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container {
.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
width: fit-content;
display: flex;
align-items: center;
@ -3522,15 +3511,15 @@ div.daggerheart.views.multiclass {
color: light-dark(#efe6d8, #222);
cursor: pointer;
}
.daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container.disabled {
.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled {
cursor: initial;
}
.daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container img {
.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img {
width: 30px;
height: 30px;
border-radius: 6px 0 0 6px;
}
.daggerheart.dh-style.countdown.minimized .minimized-view .mini-countdown-container .mini-countdown-name {
.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name {
white-space: nowrap;
}
.daggerheart.dh-style.countdown .hidden {