diff --git a/module/applications/sheets/actors/adversary.mjs b/module/applications/sheets/actors/adversary.mjs index a7deaf7a..4ecbb2a9 100644 --- a/module/applications/sheets/actors/adversary.mjs +++ b/module/applications/sheets/actors/adversary.mjs @@ -69,6 +69,7 @@ export default class AdversarySheet extends DHBaseActorSheet { context = await super._preparePartContext(partId, context, options); switch (partId) { case 'header': + case 'limited': await this._prepareHeaderContext(context, options); const adversaryTypes = CONFIG.DH.ACTOR.allAdversaryTypes(); diff --git a/styles/less/sheets/actors/actor-sheet-shared.less b/styles/less/sheets/actors/actor-sheet-shared.less index d1a3f888..d3e45013 100644 --- a/styles/less/sheets/actors/actor-sheet-shared.less +++ b/styles/less/sheets/actors/actor-sheet-shared.less @@ -1,3 +1,22 @@ +@import '../../utils/fonts.less'; +@import '../../utils/colors.less'; +@import '../../utils/mixin.less'; + +.appTheme({ + .limited-container { + .domains-section img { + filter: @golden-filter; + } + } +}, { + .limited-container { + + .domains-section img { + filter: brightness(0) saturate(100%); + } + } +}); + .application.sheet.daggerheart.actor.dh-style { .portrait img, .profile { @@ -24,11 +43,12 @@ &.environment, &.companion { width: 360px !important; - height: auto !important; + height: max-content !important; .window-content { display: unset; padding-bottom: 20px; + background-image: url('../assets/parchments/dh-parchment-dark.png'); } .limited-container { @@ -39,23 +59,169 @@ gap: 8px; header { + position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; + top: -36px; + margin-bottom: -30px; .profile { - width: 275px; + width: 100%; + max-height: 275px; + mask-image: linear-gradient(0deg, transparent 0%, black 10%); } .title-name { + text-align: start; + font-size: var(--font-size-28); + color: light-dark(@dark-blue, @golden); text-align: center; } } + .character-details { + display: flex; + flex-direction: column; + gap: 5px; + + .basic-info, + .multiclass { + text-align: center; + padding: 0 10px; + } + } + + .domain-details, + .bio-details, + .partner-details { + margin-top: 10px; + + .domain-header, + .bio-header, + .partner-header { + display: flex; + align-items: center; + padding: 0 10px; + gap: 10px; + + h3 { + font-size: var(--font-size-20); + } + } + + .items-list { + padding: 0 20px; + } + + .partner-placeholder { + display: flex; + opacity: 0.6; + text-align: center; + font-style: italic; + justify-content: center; + padding: 10px 0; + } + + .domains-section { + position: relative; + display: flex; + gap: 10px; + background-color: light-dark(transparent, @dark-blue); + color: light-dark(@dark-blue, @golden); + padding: 5px 10px; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + align-items: center; + width: fit-content; + height: 30px; + place-self: center; + margin-top: 10px; + + h4 { + font-size: var(--font-size-14); + font-weight: bold; + text-transform: uppercase; + color: light-dark(@dark-blue, @golden); + } + + .domain { + display: flex; + align-items: center; + gap: 5px; + + .label { + font-size: var(--font-size-14); + font-weight: bold; + text-transform: uppercase; + color: light-dark(@dark-blue, @golden); + } + + img { + height: 20px; + width: 20px; + } + } + } + + .bio-list { + display: flex; + gap: 20px; + flex-wrap: wrap; + justify-content: center; + margin-top: 10px; + + .bio-info { + display: flex; + flex-direction: column; + align-items: center; + padding: 10px; + border-radius: 5px; + min-width: 90px; + color: light-dark(@dark-blue, @golden); + background-color: light-dark(@dark-blue-10, @golden-40); + } + } + } + + .level-details { + align-self: center; + } + .description { font-style: italic; text-align: center; + padding: 0 20px; + } + + .tags { + display: flex; + gap: 10px; + padding-bottom: 10px; + justify-content: center; + + .tag { + display: flex; + flex-direction: row; + 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); + } } } } diff --git a/templates/sheets/actors/adversary/limited.hbs b/templates/sheets/actors/adversary/limited.hbs index b2f20ec9..a9c53185 100644 --- a/templates/sheets/actors/adversary/limited.hbs +++ b/templates/sheets/actors/adversary/limited.hbs @@ -1,8 +1,23 @@