finish actions setting tab

This commit is contained in:
moliloo 2025-07-01 00:42:34 -03:00
parent 3b159d7c0c
commit f48459114a
23 changed files with 365 additions and 175 deletions

View file

@ -4333,42 +4333,6 @@ div.daggerheart.views.multiclass {
padding: 0;
margin-bottom: 15px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits {
display: flex;
justify-content: space-between;
padding: 0;
margin-bottom: 15px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits .trait {
height: 60px;
width: 60px;
background: url(../assets/svg/trait-shield.svg) no-repeat;
cursor: pointer;
}
.theme-light .application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits .trait {
background: url('../assets/svg/trait-shield-light.svg') no-repeat;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits .trait .trait-name {
display: flex;
padding-top: 5px;
color: light-dark(#18162e, #f3c267);
font-size: 14px;
font-weight: 600;
align-items: center;
justify-content: center;
gap: 3px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits .trait .trait-name i {
line-height: 17px;
font-size: 10px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .character-traits .trait .trait-value {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
text-align: center;
}
.application.sheet.daggerheart.actor.dh-style.adversary .window-content {
display: grid;
grid-template-columns: 275px 1fr;
@ -4628,6 +4592,9 @@ div.daggerheart.views.multiclass {
gap: 10px;
align-items: center;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section {
margin-bottom: 20px;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .title {
display: flex;
gap: 15px;
@ -4651,19 +4618,13 @@ div.daggerheart.views.multiclass {
align-items: center;
justify-content: space-between;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] {
height: 32px;
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-row .experience-name {
width: 180px;
border: 1px solid transparent;
outline: 2px solid transparent;
text-align: start;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
transition: all 0.3s ease;
color: light-dark(#222, #efe6d8);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover {
outline: 2px solid light-dark(#222, #efe6d8);
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-value {
height: 25px;
width: 35px;
@ -4709,6 +4670,71 @@ div.daggerheart.views.multiclass {
display: flex;
gap: 16px;
}
.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog .tab.experiences .experience-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item {
display: grid;
grid-template-columns: 3fr 1fr 30px;
align-items: center;
gap: 5px;
}
.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
text-align: center;
}
.application.daggerheart.dh-style.dialog .tab.actions .add-action-btn {
width: 100%;
margin-bottom: 12px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item {
display: grid;
grid-template-columns: 40px 1fr auto;
align-items: center;
gap: 5px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-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 {
display: flex;
gap: 5px;
}
.application.daggerheart.dh-style.dialog .tab.actions .action-list .action-item .controls a {
text-align: center;
}
.application.sheet.daggerheart.actor.dh-style.adversary .window-content {
overflow: auto;
}
@ -5717,13 +5743,13 @@ div.daggerheart.views.multiclass {
transition: all 0.3s ease;
color: #efe6d8;
}
.application.sheet.daggerheart.actor.dh-style.character .items-list {
.application.daggerheart.dh-style .items-list {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.application.sheet.daggerheart.actor.dh-style.character .card-list {
.application.daggerheart.dh-style .card-list {
display: flex;
flex-direction: row;
gap: 10px;

View file

@ -30,7 +30,9 @@
@import './less/actors/adversary/sidebar.less';
@import './less/applications/header.less';
@import './less/applications/adversary/sheet.less';
@import './less/applications/adversary-settings/sheet.less';
@import './less/applications/adversary-settings/experiences.less';
@import './less/applications/adversary-settings/actions.less';
@import './less/actors/adversary.less';
@import './less/actors/environment.less';

View file

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

View file

@ -148,49 +148,5 @@
padding: 0;
margin-bottom: 15px;
}
.character-traits {
display: flex;
justify-content: space-between;
padding: 0;
margin-bottom: 15px;
.trait {
height: 60px;
width: 60px;
background: url(../assets/svg/trait-shield.svg) no-repeat;
cursor: pointer;
.theme-light & {
background: url('../assets/svg/trait-shield-light.svg') no-repeat;
}
.trait-name {
display: flex;
align-items: center;
padding-top: 5px;
color: light-dark(@dark-blue, @golden);
font-size: 14px;
font-weight: 600;
align-items: center;
justify-content: center;
gap: 3px;
i {
line-height: 17px;
font-size: 10px;
}
}
.trait-value {
font-family: @font-body;
font-style: normal;
font-weight: 400;
font-size: 20px;
text-align: center;
}
}
}
}
}

View file

@ -277,6 +277,8 @@
}
.experience-section {
margin-bottom: 20px;
.title {
display: flex;
gap: 15px;
@ -302,19 +304,12 @@
align-items: center;
justify-content: space-between;
input[type='text'] {
height: 32px;
.experience-name {
width: 180px;
border: 1px solid transparent;
outline: 2px solid transparent;
text-align: start;
font-size: 14px;
font-family: @font-body;
transition: all 0.3s ease;
color: light-dark(@dark, @beige);
&:hover {
outline: 2px solid light-dark(@dark, @beige);
}
}
}

View file

@ -0,0 +1,62 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog {
.tab.actions {
.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;
.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,28 @@
@import '../../utils/colors.less';
@import '../../utils/fonts.less';
.application.daggerheart.dh-style.dialog {
.tab.experiences {
.add-experience-btn {
width: 100%;
margin-bottom: 12px;
}
.experience-list {
display: flex;
flex-direction: column;
gap: 10px;
.experience-item {
display: grid;
grid-template-columns: 3fr 1fr 30px;
align-items: center;
gap: 5px;
a {
text-align: center;
}
}
}
}
}

View file

@ -1,7 +1,7 @@
@import '../utils/colors.less';
@import '../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.application.daggerheart.dh-style {
.items-list {
display: flex;
flex-direction: column;