Removed action fields on Adversary/Environment in favor of using Feature Items

This commit is contained in:
WBHarry 2025-07-05 02:49:14 +02:00
parent 9d76405221
commit c3b8def6b1
23 changed files with 274 additions and 433 deletions

View file

@ -4884,122 +4884,78 @@ body.theme-light.application.environment {
.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
text-align: center;
}
.application.daggerheart.dh-style.dialog .tab.actions {
.application.daggerheart.dh-style.dialog .tab.features {
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 {
.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list {
.application.daggerheart.dh-style.dialog .tab.features .feature-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item {
.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item {
display: grid;
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 {
.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img {
height: 40px;
width: 40px;
object-fit: cover;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .label {
.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label {
font-family: 'Montserrat', sans-serif;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .label .tags {
display: flex;
gap: 10px;
}
.application.daggerheart.dh-style.dialog .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 .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 .tab.actions .action-list .action-item .controls {
.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls {
display: flex;
gap: 5px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .controls a {
.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a {
text-align: center;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features {
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 {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-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 {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-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 {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-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 {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls {
display: flex;
gap: 5px;
}
.application.daggerheart.dh-style.dialog.environment-settings .tab.actions .action-list .action-item .controls a {
.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a {
text-align: center;
}
.application.daggerheart.dh-style.dialog .tab.adversaries {

View file

@ -35,9 +35,9 @@
@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/adversary-settings/features.less';
@import './less/applications/environment-settings/actions.less';
@import './less/applications/environment-settings/features.less';
@import './less/applications/environment-settings/adversaries.less';
@import './less/applications//beastform.less';

View file

@ -1,20 +1,20 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.actions {
.action-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
padding-top: 10px;
height: 95%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}
}
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
padding-top: 10px;
height: 95%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}
}

View file

@ -1,74 +0,0 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.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;
}
.action-list {
display: flex;
flex-direction: column;
gap: 10px;
.action-item {
display: grid;
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;
.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;
}
}
}
}
}
}

View file

@ -0,0 +1,48 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog {
.tab.features {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.add-feature-btn {
width: 100%;
margin-bottom: 12px;
}
.feature-list {
display: flex;
flex-direction: column;
gap: 10px;
.feature-item {
display: grid;
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;
}
.controls {
display: flex;
gap: 5px;
a {
text-align: center;
}
}
}
}
}
}

View file

@ -1,74 +0,0 @@
@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;
}
}
}
}
}
}

View file

@ -0,0 +1,48 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog.environment-settings {
.tab.features {
max-height: 450px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.add-feature-btn {
width: 100%;
margin-bottom: 12px;
}
.feature-list {
display: flex;
flex-direction: column;
gap: 10px;
.feature-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;
}
.controls {
display: flex;
gap: 5px;
a {
text-align: center;
}
}
}
}
}
}