More style improvements

This commit is contained in:
WBHarry 2025-08-04 15:50:43 +02:00
parent 0823329579
commit 28a1566b08
14 changed files with 33 additions and 18 deletions

View file

@ -103,7 +103,7 @@ class DhCountdown extends foundry.abstract.DataModel {
required: true, required: true,
choices: CONFIG.DH.GENERAL.countdownTypes, choices: CONFIG.DH.GENERAL.countdownTypes,
initial: CONFIG.DH.GENERAL.countdownTypes.custom.id, initial: CONFIG.DH.GENERAL.countdownTypes.custom.id,
label: 'DAGGERHEART.APPLICATIONS.Countdown.FIELDS.countdowns.element.progress.type.value.label' label: 'DAGGERHEART.GENERAL.type'
}), }),
label: new fields.StringField({ label: new fields.StringField({
label: 'DAGGERHEART.APPLICATIONS.Countdown.FIELDS.countdowns.element.progress.type.label.label' label: 'DAGGERHEART.APPLICATIONS.Countdown.FIELDS.countdowns.element.progress.type.label.label'

View file

@ -112,9 +112,9 @@ export default class DHItem extends foundry.documents.Item {
* Generate a localized label array for this item. * Generate a localized label array for this item.
* @returns {(string | { value: string, icons: string[] })[]} An array of localized strings and damage label objects. * @returns {(string | { value: string, icons: string[] })[]} An array of localized strings and damage label objects.
*/ */
getLabels() { _getLabels() {
const labels = []; const labels = [];
if (this.system.getLabels) labels.push(...this.system.getLabels()); if (this.system._getLabels) labels.push(...this.system._getLabels());
return labels; return labels;
} }

View file

@ -94,6 +94,7 @@
.label { .label {
gap: 4px; gap: 4px;
color: @beige-80;
} }
} }
} }

View file

@ -8,9 +8,8 @@
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
overflow-y: auto; overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding: 20px 0; padding-bottom: 20px;
padding-top: 10px;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;

View file

@ -6,7 +6,6 @@
display: grid; display: grid;
grid-template-columns: 275px 1fr; grid-template-columns: 275px 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
gap: 15px 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding-bottom: 0; padding-bottom: 0;

View file

@ -8,9 +8,8 @@
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
overflow-y: auto; overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding: 20px 0; padding-bottom: 20px;
padding-top: 10px;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;

View file

@ -8,9 +8,8 @@
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
overflow-y: auto; overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding: 20px 0; padding-bottom: 20px;
padding-top: 10px;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;

View file

@ -6,7 +6,6 @@
display: grid; display: grid;
grid-template-columns: 275px 1fr; grid-template-columns: 275px 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
gap: 15px 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding-bottom: 0; padding-bottom: 0;

View file

@ -445,7 +445,7 @@
overflow-y: hidden; overflow-y: hidden;
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%);
&:hover { &:hover {
overflow-y: auto; overflow-y: auto;

View file

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

View file

@ -16,6 +16,7 @@
@import './actors/companion/header.less'; @import './actors/companion/header.less';
@import './actors/companion/sheet.less'; @import './actors/companion/sheet.less';
@import './actors/environment/actions.less';
@import './actors/environment/header.less'; @import './actors/environment/header.less';
@import './actors/environment/sheet.less'; @import './actors/environment/sheet.less';

View file

@ -55,6 +55,7 @@
@beige: #efe6d8; @beige: #efe6d8;
@beige-15: #efe6d815; @beige-15: #efe6d815;
@beige-50: #efe6d850; @beige-50: #efe6d850;
@beige-80: #efe6d880;
@soft-white-shadow: rgba(255, 255, 255, 0.05); @soft-white-shadow: rgba(255, 255, 255, 0.05);

View file

@ -89,8 +89,7 @@
<div class="domains-section"> <div class="domains-section">
{{#each document.system.class.value.system.domains as |domain|}} {{#each document.system.class.value.system.domains as |domain|}}
<div class="domain"> <div class="domain">
<span class="label">{{localize (concat 'DAGGERHEART.GENERAL.Domain.' domain '.label')}}</span> <img src="{{concat 'systems/daggerheart/assets/icons/domains/' domain '.svg'}}" alt="" data-tooltip="{{localize (concat 'DAGGERHEART.GENERAL.Domain.' domain '.label')}}" />
<img src="{{concat 'systems/daggerheart/assets/icons/domains/' domain '.svg'}}" alt="">
</div> </div>
{{/each}} {{/each}}
</div> </div>

View file

@ -55,7 +55,7 @@ Parameters:
{{/each}} {{/each}}
</div> </div>
{{else if (not ../hideLabels)}} {{else if (not ../hideLabels)}}
<div class="item-lables"> <div class="item-labels">
<div class="label"> <div class="label">
{{#each this._getLabels as |label|}} {{#each this._getLabels as |label|}}
{{ifThen label.value label.value label}} {{ifThen label.value label.value label}}