[Feature] NPC Actors (#1949)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run

This commit is contained in:
WBHarry 2026-05-31 03:11:43 +02:00 committed by GitHub
parent c23ac61ee5
commit 53f15a7fde
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
32 changed files with 548 additions and 29 deletions

View file

@ -3,8 +3,7 @@
.daggerheart.dh-style {
.tab-navigation {
margin: 5px 0;
height: 40px;
margin: 5px 0 10px 0;
width: 100%;
.navigation-container {
@ -21,6 +20,10 @@
a {
color: @color-text-emphatic;
&.empty:not(.active) {
opacity: 0.4;
}
}
}
}

View file

@ -35,7 +35,7 @@
.tags {
display: flex;
gap: 10px;
padding-bottom: 16px;
padding-bottom: 8px;
.tag {
display: flex;
@ -67,11 +67,5 @@
gap: 12px;
padding: 16px 0;
}
.adversary-navigation {
display: flex;
gap: 8px;
align-items: center;
}
}
}

View file

@ -148,10 +148,8 @@
}
.companion-navigation {
display: flex;
gap: 8px;
align-items: baseline;
width: 100%;
padding: 0 10px;
}
}
}

View file

@ -138,10 +138,8 @@
}
.environment-navigation {
display: flex;
gap: 20px;
align-items: baseline;
padding: 0 20px;
.tab-navigation {
margin-top: 0;
}

View file

@ -0,0 +1,18 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.tab.features {
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
}
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
}
}
}

View file

@ -0,0 +1,83 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.npc-header-sheet {
width: 100%;
display: flex;
.portrait {
cursor: pointer;
width: 275px;
img {
height: 275px;
}
}
.tags {
display: flex;
gap: 10px;
padding-bottom: 8px;
.tag {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
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: var(--font-size-12);
}
}
.info-section {
flex: 1;
padding: 0 15px;
padding-top: var(--header-height);
display: flex;
flex-direction: column;
.name-row {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
padding: 8px 0;
h1 {
display: flex;
flex: 1;
padding: 6px 0 0 0;
font-size: var(--font-size-32);
text-align: start;
border: 1px solid transparent;
outline: 2px solid transparent;
transition: all 0.3s ease;
word-break: break-word;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
}
}
}
.npc-info {
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px 0;
}
}
}
}

View file

@ -0,0 +1,3 @@
@import './sheet.less';
@import './header.less';
@import './features.less';

View file

@ -0,0 +1,10 @@
.application.sheet.daggerheart.actor.dh-style.npc {
.window-content {
display: grid;
grid-template-rows: auto auto 1fr;
}
.npc-navigation {
padding: 0 15px;
}
}

View file

@ -6,6 +6,7 @@
@import './actors/character/index.less';
@import './actors/companion/index.less';
@import './actors/environment/index.less';
@import './actors/npc/index.less';
@import './actors/party/index.less';
@import './items/beastform.less';