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

[Fix] Downtime Rework (#367)

Browse source 
* Fixed so that the dropdown for activeEffectAutocomplete never ends up behind dialog

* Downtime can now display both ShortRest and LongRest options depending on character rules

* Initial downtime layout rework

* Fixed styling for downtime tooltip

* Added icon to homebrew menu for DowntimeActions

* Fixed columns if both types of moves are not available

* Changed the lightmode to darkmode

* Added downtime buttons

* .

* Moved extra rest options from rules to bonuses

* Improved dialog width
This commit is contained in:
WBHarry 2025-07-18 00:48:59 +02:00 • committed by GitHub
parent 0cc1597dfe
commit 6e87e4dad0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
25 changed files with 390 additions and 152 deletions
Download patch file Download diff file Expand all files Collapse all files

102
styles/less/dialog/downtime/downtime-container.less
View file

@ -1,81 +1,75 @@
@import '../../utils/spacing.less';
@import '../../utils/colors.less';
.daggerheart.views {
.theme-light .daggerheart.dh-style.views.downtime {
.downtime-container .activity-container .activity-selected-marker {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
.daggerheart.dh-style.views.downtime {
font-family: @font-body;
.downtime-container {
.downtime-header {
margin: 0;
color: light-dark(@dark-blue, @golden);
text-align: center;
.activities-grouping {
width: 280px;
}
.activity-container {
display: flex;
align-items: center;
padding: 8px;
.activities-container {
width: 100%;
.activity-title {
flex: 1;
.activity-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
.activity-title-text {
font-size: 24px;
font-weight: bold;
}
.activity-image {
width: 80px;
position: relative;
.activity-inner-container {
display: flex;
justify-content: center;
margin-right: 8px;
border: 2px solid black;
border-radius: 50%;
cursor: pointer;
align-items: center;
gap: 4px;
.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;
.activity-marker {
font-size: 8px;
flex: none;
color: light-dark(#18162e, #f3c267);
margin-right: 4px;
}
img {
border-radius: 50%;
}
.activity-select-section {
display: flex;
align-items: center;
gap: 4px;
&:hover,
&.selected {
filter: drop-shadow(0 0 6px gold);
.activity-icon {
min-width: 24px;
text-align: center;
}
}
}
.custom-name-input {
font-size: 24px;
.activity-selected-marker {
font-size: 14px;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
color: light-dark(@dark, @beige);
background-image: url(../assets/parchments/dh-parchment-dark.png);
padding: 0 8px;
line-height: 1;
font-weight: bold;
padding: 0;
background: transparent;
color: rgb(239, 230, 216);
}
}
.activity-body {
flex: 1;
font-style: italic;
}
}
}
&.downtime {
.activity-text-area {
resize: none;
footer {
margin-top: 8px;
display: flex;
gap: 8px;
button {
flex: 1;
font-family: 'Montserrat', sans-serif;
}
}
}

20
styles/less/global/tab-navigation.less
View file

@ -7,12 +7,22 @@
height: 40px;
width: 100%;
.feature-tab {
border: none;
.navigation-container {
display: flex;
align-items: center;
gap: 8px;
a {
color: light-dark(@dark-blue, @golden);
font-family: @font-body;
.navigation-inner-container {
flex: 1;
.feature-tab {
border: none;
a {
color: light-dark(@dark-blue, @golden);
font-family: @font-body;
}
}
}
}
}

9
styles/less/sheets/actors/character/header.less
View file

@ -193,5 +193,14 @@
}
}
}
.character-downtime-container {
display: flex;
gap: 2px;
button {
flex: 1;
}
}
}
}

1
styles/less/ux/autocomplete/autocomplete.less
View file

@ -10,7 +10,6 @@
border-color: light-dark(@dark, @beige);
border-radius: 6px;
background-image: url('../assets/parchments/dh-parchment-dark.png');
z-index: 200;
max-height: 400px !important;
width: fit-content !important;
overflow-y: auto;

14
styles/less/ux/tooltip/tooltip.less
View file

@ -4,6 +4,20 @@
align-items: center;
gap: 4px;
.tooltip-title-container {
width: 100%;
display: flex;
align-items: center;
gap: 16px;
.tooltip-image {
height: 40px;
width: 40px;
border-radius: 6px;
border: 1px solid @golden;
}
}
.tooltip-title {
margin: 0;
text-align: center;