cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-12 11:41:08 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

152 - Improve Rest Options (#154)

Browse source 
* Fixed up downtime dialogs and data model

* Added homebrew settings without action handling for now

* Added NrChoices to homebrew
This commit is contained in:
WBHarry 2025-06-20 16:36:09 +02:00 • committed by GitHub
parent f6e077b290
commit 3464717958
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 799 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

30
styles/application.less
View file

@ -134,6 +134,12 @@ div.daggerheart.views.multiclass {
}
.downtime-container {
.downtime-header {
margin: 0;
color: light-dark(@dark-blue, @golden);
text-align: center;
}
.activity-container {
display: flex;
align-items: center;
@ -150,12 +156,32 @@ div.daggerheart.views.multiclass {
}
.activity-image {
width: 120px;
width: 80px;
position: relative;
display: flex;
justify-content: center;
margin-right: 8px;
border: 2px solid black;
border-radius: 50%;
margin-right: 8px;
cursor: pointer;
.activity-select-label {
position: absolute;
top: -9px;
font-size: 14px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@beige, @dark);
background-image: url(../assets/parchments/dh-parchment-light.png);
padding: 0 8px;
line-height: 1;
font-weight: bold;
}
img {
border-radius: 50%;
}
&:hover,
&.selected {
filter: drop-shadow(0 0 6px gold);

104
styles/daggerheart.css
View file

@ -1887,6 +1887,11 @@ div.daggerheart.views.multiclass {
.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-posttext {
padding: 8px 0;
}
.daggerheart.views .downtime-container .downtime-header {
margin: 0;
color: light-dark(#18162e, #f3c267);
text-align: center;
}
.daggerheart.views .downtime-container .activity-container {
display: flex;
align-items: center;
@ -1902,12 +1907,30 @@ div.daggerheart.views.multiclass {
font-weight: bold;
}
.daggerheart.views .downtime-container .activity-container .activity-title .activity-image {
width: 120px;
width: 80px;
position: relative;
display: flex;
justify-content: center;
margin-right: 8px;
border: 2px solid black;
border-radius: 50%;
margin-right: 8px;
cursor: pointer;
}
.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label {
position: absolute;
top: -9px;
font-size: 14px;
border: 1px solid light-dark(#18162e, #f3c267);
border-radius: 6px;
color: light-dark(#efe6d8, #222);
background-image: url(../assets/parchments/dh-parchment-light.png);
padding: 0 8px;
line-height: 1;
font-weight: bold;
}
.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img {
border-radius: 50%;
}
.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover,
.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected {
filter: drop-shadow(0 0 6px gold);
@ -3155,6 +3178,83 @@ div.daggerheart.views.multiclass {
#resources:has(.fear-bar) {
min-width: 200px;
}
.daggerheart.dh-style.setting fieldset {
display: flex;
flex-direction: column;
gap: 4px;
}
.daggerheart.dh-style.setting fieldset.two-columns {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 10px;
}
.daggerheart.dh-style.setting fieldset.two-columns.even {
grid-template-columns: 1fr 1fr;
}
.daggerheart.dh-style.setting .setting-group-field {
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
}
.daggerheart.dh-style.setting .settings-items {
display: flex;
flex-direction: column;
gap: 8px;
}
.daggerheart.dh-style.setting .settings-items .settings-item {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid;
border-radius: 8px;
padding: 0 8px 0 0;
}
.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item {
display: flex;
align-items: center;
gap: 8px;
}
.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img {
width: 60px;
border-radius: 8px 0 0 8px;
}
.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i {
font-size: 18px;
}
.daggerheart.dh-style.setting .settings-item-header {
display: flex;
align-items: center;
}
.daggerheart.dh-style.setting .settings-item-header .profile {
height: 100px;
width: 100px;
object-fit: cover;
box-sizing: border-box;
cursor: pointer;
}
.daggerheart.dh-style.setting .settings-item-header .item-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
width: 80%;
}
.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] {
font-size: 32px;
height: 42px;
text-align: center;
width: 90%;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
}
.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'],
.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(#18162e, #f3c267);
}
.daggerheart.dh-style.setting .settings-col {
display: flex;
flex-direction: column;

91
styles/settings.less
View file

@ -1,4 +1,95 @@
.daggerheart.dh-style.setting {
fieldset {
display: flex;
flex-direction: column;
gap: 4px;
&.two-columns {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 10px;
&.even {
grid-template-columns: 1fr 1fr;
}
}
}
.setting-group-field {
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
}
.settings-items {
display: flex;
flex-direction: column;
gap: 8px;
.settings-item {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid;
border-radius: 8px;
padding: 0 8px 0 0;
.settings-sub-item {
display: flex;
align-items: center;
gap: 8px;
img {
width: 60px;
border-radius: 8px 0 0 8px;
}
i {
font-size: 18px;
}
}
}
}
.settings-item-header {
display: flex;
align-items: center;
.profile {
height: 100px;
width: 100px;
object-fit: cover;
box-sizing: border-box;
cursor: pointer;
}
.item-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
text-align: center;
width: 80%;
.item-name input[type='text'] {
font-size: 32px;
height: 42px;
text-align: center;
width: 90%;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
&:hover[type='text'],
&:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(@dark-blue, @golden);
}
}
}
}
.settings-col {
display: flex;
flex-direction: column;