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

[Feature] New Environment Sheet (#243)

Browse source 
* rework new environment template sheet, add environment-settings sheet, improve adversary-settings sheet and  delete legacy actor sheet templates

* Potential Adversaries can be dragged out of the sheet onto canvas

* Added ToChat and UseItem

---------

Co-authored-by: WBHarry <williambjrklund@gmail.com>
This commit is contained in:
Murilo Brito 2025-07-02 09:30:36 -03:00 • committed by GitHub
parent d58f303907
commit 3a6a973ea2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
40 changed files with 1160 additions and 1143 deletions
Download patch file Download diff file Expand all files Collapse all files

350
styles/daggerheart.css
View file

@ -4318,39 +4318,6 @@ div.daggerheart.views.multiclass {
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row input[type='text']:hover {
outline: 2px solid light-dark(#222, #f3c267);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row .level-div {
white-space: nowrap;
display: flex;
justify-content: end;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row .level-div .label {
display: flex;
align-items: center;
gap: 4px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row .level-div input {
width: 40px;
padding: 0;
text-align: center;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row .level-div .level-button {
color: light-dark(#222, #efe6d8);
font-size: 18px;
line-height: 1;
min-height: unset;
height: min-content;
padding: 4px;
font-family: 'Cinzel', serif;
margin: 0;
font-weight: normal;
border-color: light-dark(#18162e, #f3c267);
background-color: light-dark(transparent, #0e0d15);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row .level-div .level-button:hover {
background-image: none;
background-color: var(--color-warm-2);
filter: drop-shadow(0 0 3px lightgray);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .tags {
display: flex;
gap: 10px;
@ -4390,35 +4357,6 @@ div.daggerheart.views.multiclass {
gap: 8px;
align-items: center;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-details {
display: flex;
justify-content: space-between;
padding: 5px 0;
margin-bottom: 10px;
font-size: 12px;
color: light-dark(#18162e, #f3c267);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-details span {
padding: 3px;
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-details span:hover {
background: light-dark(#18162e40, #f3c26740);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-details span.dot {
background: transparent;
cursor: default;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-row {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
padding: 0;
margin-bottom: 15px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .window-content {
display: grid;
grid-template-columns: 275px 1fr;
@ -4731,6 +4669,134 @@ div.daggerheart.views.multiclass {
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .reaction-section button {
width: 100%;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet {
display: flex;
flex-direction: column;
justify-content: start;
text-align: center;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile {
width: 100%;
height: 235px;
object-fit: cover;
mask-image: linear-gradient(0deg, transparent 0%, black 10%);
cursor: pointer;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container {
display: flex;
align-items: center;
position: relative;
top: -45px;
gap: 20px;
padding: 0 20px;
margin-bottom: -30px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info {
display: flex;
flex-direction: column;
gap: 8px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags {
display: flex;
gap: 10px;
padding-bottom: 0;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
font: 'Montserrat', sans-serif;
background: light-dark(#22222215, #efe6d815);
border: 1px solid light-dark(#222, #efe6d8);
border-radius: 3px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number {
justify-items: center;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value {
position: relative;
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(#18162e, #f3c267);
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
font-size: 1.2rem;
align-items: center;
justify-content: center;
background: light-dark(transparent, #18162e);
z-index: 2;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots {
width: 80px;
height: 30px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label {
padding: 2px 10px;
width: 100%;
border-radius: 3px;
background: light-dark(#18162e, #f3c267);
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 {
font-weight: bold;
text-align: center;
line-height: 18px;
font-size: 12px;
color: light-dark(#efe6d8, #18162e);
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] {
font-size: 32px;
height: 42px;
text-align: start;
transition: all 0.3s ease;
outline: 2px solid transparent;
border: 1px solid transparent;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'],
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] {
box-shadow: none;
outline: 2px solid light-dark(#18162e, #f3c267);
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info {
display: flex;
flex-direction: column;
gap: 12px;
padding: 10px 20px;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description,
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses {
text-align: start;
font-family: 'Montserrat', sans-serif;
}
.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation {
display: flex;
gap: 20px;
align-items: center;
padding: 0 20px;
}
.theme-light .application.sheet.daggerheart.actor.dh-style.environment {
background: url('../assets/parchments/dh-parchment-light.png');
}
.theme-dark .application.sheet.daggerheart.actor.dh-style.environment {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.application.sheet.daggerheart.actor.dh-style.environment .tab {
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
.application.daggerheart.dh-style.dialog .window-content .dialog-header {
width: 100%;
padding-bottom: 16px;
@ -4772,6 +4838,12 @@ div.daggerheart.views.multiclass {
.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
text-align: center;
}
.application.daggerheart.dh-style.dialog .tab.actions {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
.application.daggerheart.dh-style.dialog .tab.actions .add-action-btn {
width: 100%;
margin-bottom: 12px;
@ -4786,6 +4858,12 @@ div.daggerheart.views.multiclass {
grid-template-columns: 40px 1fr auto;
align-items: center;
gap: 5px;
border-radius: 3px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item img {
height: 40px;
width: 40px;
object-fit: cover;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .label {
font-family: 'Montserrat', sans-serif;
@ -4819,6 +4897,105 @@ div.daggerheart.views.multiclass {
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .controls a {
text-align: center;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .add-action-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item {
display: grid;
grid-template-columns: 40px 1fr auto;
align-items: center;
gap: 5px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item img {
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 3px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .label {
font-family: 'Montserrat', sans-serif;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .label .tags {
display: flex;
gap: 10px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .label .tags .tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
background: light-dark(#22222215, #efe6d815);
border: 1px solid light-dark(#222, #efe6d8);
border-radius: 3px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .label .tags .label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .controls {
display: flex;
gap: 5px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .controls a {
text-align: center;
}
.application.daggerheart.dh-style.dialog .tab.adversaries {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog .tab.adversaries .category-container {
display: flex;
flex-direction: column;
align-items: start;
gap: 8px;
}
.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px dashed light-dark(#18162e50, #efe6d850);
border-radius: 3px;
color: light-dark(#18162e50, #efe6d850);
font-family: 'Montserrat', sans-serif;
}
.application.sheet.daggerheart.actor.dh-style.companion .profile {
height: 80px;
width: 80px;
@ -5503,6 +5680,12 @@ div.daggerheart.views.multiclass {
grid-template-columns: 1fr 4fr 1fr;
cursor: pointer;
}
.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item img {
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 3px;
}
.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item h4 {
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
@ -5724,13 +5907,13 @@ div.daggerheart.views.multiclass {
.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line .controls a {
text-shadow: none;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item {
.application.daggerheart.dh-style .inventory-item {
display: grid;
grid-template-columns: 40px 1fr 60px;
gap: 10px;
width: 100%;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-img {
.application.daggerheart.dh-style .inventory-item .item-img {
height: 40px;
width: 40px;
border-radius: 3px;
@ -5738,20 +5921,23 @@ div.daggerheart.views.multiclass {
cursor: pointer;
object-fit: cover;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label {
.application.daggerheart.dh-style .inventory-item .item-img.actor-img {
border-radius: 50%;
}
.application.daggerheart.dh-style .inventory-item .item-label {
font-family: 'Montserrat', sans-serif;
align-self: center;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-name {
.application.daggerheart.dh-style .inventory-item .item-label .item-name {
font-size: 14px;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-tags,
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-labels {
.application.daggerheart.dh-style .inventory-item .item-label .item-tags,
.application.daggerheart.dh-style .inventory-item .item-label .item-labels {
display: flex;
gap: 10px;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-tags .tag,
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-labels .tag {
.application.daggerheart.dh-style .inventory-item .item-label .item-tags .tag,
.application.daggerheart.dh-style .inventory-item .item-label .item-labels .tag {
display: flex;
flex-direction: row;
justify-content: center;
@ -5762,27 +5948,27 @@ div.daggerheart.views.multiclass {
border: 1px solid light-dark(#222, #efe6d8);
border-radius: 3px;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-tags .label,
.application.sheet.daggerheart.actor.dh-style .inventory-item .item-label .item-labels .label {
.application.daggerheart.dh-style .inventory-item .item-label .item-tags .label,
.application.daggerheart.dh-style .inventory-item .item-label .item-labels .label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .controls {
.application.daggerheart.dh-style .inventory-item .controls {
display: flex;
align-items: center;
justify-content: end;
gap: 8px;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .controls a {
.application.daggerheart.dh-style .inventory-item .controls a {
text-align: center;
}
.application.sheet.daggerheart.actor.dh-style .inventory-item .controls a.unequipped {
.application.daggerheart.dh-style .inventory-item .controls a.unequipped {
opacity: 0.4;
}
.application.sheet.daggerheart.actor.dh-style .card-item {
.application.daggerheart.dh-style .card-item {
position: relative;
height: 120px;
width: 100px;
@ -5790,21 +5976,21 @@ div.daggerheart.views.multiclass {
border-radius: 6px;
cursor: pointer;
}
.application.sheet.daggerheart.actor.dh-style .card-item:hover .card-label {
.application.daggerheart.dh-style .card-item:hover .card-label {
padding-top: 15px;
}
.application.sheet.daggerheart.actor.dh-style .card-item:hover .card-label .controls {
.application.daggerheart.dh-style .card-item:hover .card-label .controls {
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
max-height: 16px;
}
.application.sheet.daggerheart.actor.dh-style .card-item .card-img {
.application.daggerheart.dh-style .card-item .card-img {
height: 100%;
width: 100%;
object-fit: cover;
}
.application.sheet.daggerheart.actor.dh-style .card-item .card-label {
.application.daggerheart.dh-style .card-item .card-label {
display: flex;
flex-direction: column;
height: fit-content;
@ -5818,7 +6004,7 @@ div.daggerheart.views.multiclass {
bottom: 0;
mask-image: linear-gradient(180deg, transparent 0%, black 20%);
}
.application.sheet.daggerheart.actor.dh-style .card-item .card-label .card-name {
.application.daggerheart.dh-style .card-item .card-label .card-name {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
@ -5826,7 +6012,7 @@ div.daggerheart.views.multiclass {
line-height: 15px;
color: #efe6d8;
}
.application.sheet.daggerheart.actor.dh-style .card-item .card-label .controls {
.application.daggerheart.dh-style .card-item .card-label .controls {
display: flex;
gap: 15px;
align-items: center;

7
styles/daggerheart.less
View file

@ -29,10 +29,17 @@
@import './less/actors/adversary/sheet.less';
@import './less/actors/adversary/sidebar.less';
@import './less/actors/environment/header.less';
@import './less/actors/environment/sheet.less';
@import './less/applications/header.less';
@import './less/applications/adversary-settings/sheet.less';
@import './less/applications/adversary-settings/experiences.less';
@import './less/applications/adversary-settings/actions.less';
@import './less/applications/environment-settings/actions.less';
@import './less/applications/environment-settings/adversaries.less';
@import './less/actors/companion/sheet.less';
@import './less/actors/adversary.less';

72
styles/less/actors/adversary/header.less
View file

@ -29,44 +29,6 @@
outline: 2px solid light-dark(@dark, @golden);
}
}
.level-div {
white-space: nowrap;
display: flex;
justify-content: end;
.label {
display: flex;
align-items: center;
gap: 4px;
}
input {
width: 40px;
padding: 0;
text-align: center;
}
.level-button {
color: light-dark(@dark, @beige);
font-size: 18px;
line-height: 1;
min-height: unset;
height: min-content;
padding: 4px;
font-family: 'Cinzel', serif;
margin: 0;
font-weight: normal;
border-color: light-dark(@dark-blue, @golden);
background-color: light-dark(transparent, @deep-black);
&:hover {
background-image: none;
background-color: var(--color-warm-2);
filter: drop-shadow(0 0 3px lightgray);
}
}
}
}
.tags {
@ -114,39 +76,5 @@
gap: 8px;
align-items: center;
}
.character-details {
display: flex;
justify-content: space-between;
padding: 5px 0;
margin-bottom: 10px;
font-size: 12px;
color: light-dark(@dark-blue, @golden);
span {
padding: 3px;
border-radius: 3px;
transition: all 0.3s ease;
cursor: pointer;
&:hover {
background: light-dark(@dark-blue-40, @golden-40);
}
&.dot {
background: transparent;
cursor: default;
}
}
}
.character-row {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
padding: 0;
margin-bottom: 15px;
}
}
}

140
styles/less/actors/environment/header.less Normal file
View file

@ -0,0 +1,140 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.environment-header-sheet {
display: flex;
flex-direction: column;
justify-content: start;
text-align: center;
.profile {
width: 100%;
height: 235px;
object-fit: cover;
mask-image: linear-gradient(0deg, transparent 0%, black 10%);
cursor: pointer;
}
.item-container {
display: flex;
align-items: center;
position: relative;
top: -45px;
gap: 20px;
padding: 0 20px;
margin-bottom: -30px;
.item-info {
display: flex;
flex-direction: column;
gap: 8px;
.tags {
display: flex;
gap: 10px;
padding-bottom: 0;
.tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
}
}
}
.status-number {
justify-items: center;
.status-value {
position: relative;
display: flex;
width: 50px;
height: 30px;
border: 1px solid light-dark(@dark-blue, @golden);
border-bottom: none;
border-radius: 6px 6px 0 0;
padding: 0 6px;
font-size: 1.2rem;
align-items: center;
justify-content: center;
background: light-dark(transparent, @dark-blue);
z-index: 2;
&.armor-slots {
width: 80px;
height: 30px;
}
}
.status-label {
padding: 2px 10px;
width: 100%;
border-radius: 3px;
background: light-dark(@dark-blue, @golden);
h4 {
font-weight: bold;
text-align: center;
line-height: 18px;
font-size: 12px;
color: light-dark(@beige, @dark-blue);
}
}
}
.item-name {
input[type='text'] {
font-size: 32px;
height: 42px;
text-align: start;
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);
}
}
}
}
.environment-info {
display: flex;
flex-direction: column;
gap: 12px;
padding: 10px 20px;
.description,
.impulses {
text-align: start;
font-family: @font-body;
}
}
.environment-navigation {
display: flex;
gap: 20px;
align-items: center;
padding: 0 20px;
}
}
}

18
styles/less/actors/environment/sheet.less Normal file
View file

@ -0,0 +1,18 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.theme-light & {
background: url('../assets/parchments/dh-parchment-light.png');
}
.theme-dark & {
background-image: url('../assets/parchments/dh-parchment-dark.png');
}
.tab {
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}

12
styles/less/applications/adversary-settings/actions.less
View file

@ -3,6 +3,11 @@
.application.daggerheart.dh-style.dialog {
.tab.actions {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.add-action-btn {
width: 100%;
margin-bottom: 12px;
@ -18,6 +23,13 @@
grid-template-columns: 40px 1fr auto;
align-items: center;
gap: 5px;
border-radius: 3px;
img {
height: 40px;
width: 40px;
object-fit: cover;
}
.label {
font-family: @font-body;

74
styles/less/applications/environment-settings/actions.less Normal file
View file

@ -0,0 +1,74 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog.environment-settings {
.tab.actions {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.add-action-btn {
width: 100%;
margin-bottom: 12px;
}
.action-list {
display: flex;
flex-direction: column;
gap: 10px;
.action-item {
display: grid;
grid-template-columns: 40px 1fr auto;
align-items: center;
gap: 5px;
img {
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 3px;
}
.label {
font-family: @font-body;
.tags {
display: flex;
gap: 10px;
.tag {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: 12px;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 12px;
}
}
}
.controls {
display: flex;
gap: 5px;
a {
text-align: center;
}
}
}
}
}
}

50
styles/less/applications/environment-settings/adversaries.less Normal file
View file

@ -0,0 +1,50 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog {
.tab.adversaries {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.add-action-btn {
width: 100%;
margin-bottom: 12px;
}
.category-container {
display: flex;
flex-direction: column;
align-items: start;
gap: 8px;
.category-name {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.adversaries-container {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
}
.adversaries-dragger {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px dashed light-dark(@dark-blue-50, @beige-50);
border-radius: 3px;
color: light-dark(@dark-blue-50, @beige-50);
font-family: @font-body;
}
}
}

6
styles/less/global/inventory-item.less
View file

@ -1,7 +1,7 @@
@import '../utils/colors.less';
@import '../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style {
.application.daggerheart.dh-style {
.inventory-item {
display: grid;
grid-template-columns: 40px 1fr 60px;
@ -15,6 +15,10 @@
border: none;
cursor: pointer;
object-fit: cover;
&.actor-img {
border-radius: 50%;
}
}
.item-label {

7
styles/less/global/tab-actions.less
View file

@ -18,6 +18,13 @@
grid-template-columns: 1fr 4fr 1fr;
cursor: pointer;
img {
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 3px;
}
h4 {
font-family: @font-body;
font-weight: lighter;