Foundry/taf
1
0
Fork 0
Code Issues 12 Pull requests Releases 6 Wiki Activity Actions

Finish adding the create button in the item group lists

Browse source
This commit is contained in:
Oliver 2026-04-09 21:41:37 -06:00
parent fc24caf08a
commit 9955b76956
4 changed files with 41 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/icons/plus.svg Normal file
View file

@ -0,0 +1 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M81.801 41.801H58.199V18.199c0-4.5-3.7-8.2-8.2-8.2s-8.198 3.7-8.198 8.2v23.602H18.199c-4.5 0-8.2 3.7-8.2 8.2s3.7 8.198 8.2 8.198H41.8v23.602c0 4.5 3.699 8.2 8.199 8.2s8.199-3.7 8.199-8.2V58.2H81.8c4.5 0 8.2-3.699 8.2-8.199s-3.7-8.199-8.2-8.199"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 323 B

11
styles/Apps/PlayerSheet.css
View file

@ -70,12 +70,23 @@
.item-list-header { .item-list-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
gap: 8px; gap: 8px;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
padding: 6px 6px 4px; padding: 6px 6px 4px;
margin-bottom: 2px; margin-bottom: 2px;
background: var(--item-list-header-background); background: var(--item-list-header-background);
color: var(--item-list-header-colour); color: var(--item-list-header-colour);
button {
padding: 2px;
border: none;
aspect-ratio: 1;
height: unset;
min-height: unset;
background: var(--item-list-header-input-background);
color: var(--item-list-header-input-colour);
}
} }
.item-list { .item-list {

29
styles/themes/dark.css
View file

@ -13,21 +13,24 @@
/* Actor Sheet Variables */ /* Actor Sheet Variables */
/* Use --steel-850 as the main sheet background */ /* Use --steel-850 as the main sheet background */
--inventory-summary-background: #171e26; --inventory-summary-background: var(--steel-800);
--inventory-summary-colour: white; --inventory-summary-colour: var(--steel-100);
--inventory-input-background: #2b3642; --inventory-input-background: var(--steel-650);
--inventory-input-colour: white; --inventory-input-colour: var(--steel-100);
--inventory-input-disabled-colour: gray; --inventory-input-disabled-colour: var(--steel-350);
--item-list-header-background: #171e26;
--item-list-header-colour: white; --item-list-header-background: var(--steel-800);
--item-list-header-colour: var(--steel-100);
--item-list-header-input-background: var(--steel-650);
--item-list-header-input-colour: var(--steel-100);
--item-card-background: #1d262f; --item-card-background: #1d262f;
--item-card-colour: white; --item-card-colour: var(--steel-100);
--item-card-header-background: #242d38; --item-card-header-background: var(--steel-700);
--item-card-header-colour: white; --item-card-header-colour: var(--steel-100);
--item-card-header-input-background: #2b3642; --item-card-header-input-background: var(--steel-650);
--item-card-header-input-colour: white; --item-card-header-input-colour: var(--steel-100);
--item-card-header-disabled-input-colour: gray; --item-card-header-disabled-input-colour: var(--steel-350);
/* Item Sheet Variables */ /* Item Sheet Variables */
--item-sheet-colour: var(--steel-100); --item-sheet-colour: var(--steel-100);

13
templates/PlayerSheet/item-lists.hbs
View file

@ -39,6 +39,19 @@
{{#each itemGroups as | group |}} {{#each itemGroups as | group |}}
<section> <section>
<div class="item-list-header"> <div class="item-list-header">
{{#if @root.meta.editable}}
<button
data-action="createEmbeddedItem"
data-item-group="{{ group.name }}"
aria-label="{{localize "taf.Apps.PlayerSheet.create-item"}}"
data-tooltip
>
<taf-icon
name="icons/plus"
var:fill="currentColor"
></taf-icon>
</button>
{{/if}}
<h3 class="grow"> <h3 class="grow">
{{ group.name }} {{ group.name }}
</h3> </h3>