[Feature] Collapsible Items Description in List View #198 (#225)

* Updated CSS and Description view in inventory

* Inventory items now have descriptions
* CSS resolved to improve visuals (Rich text issue is still unresolved)

* Fixed as per review

* Changed the line to the elements.less file
* inventory-item updated to reflect rich text issue
This commit is contained in:
Nikhil Nagarajan 2025-07-01 10:28:03 -04:00 committed by GitHub
parent a1f7e0d2c5
commit 6f1529fefe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 0 deletions

View file

@ -4622,6 +4622,7 @@ div.daggerheart.views.multiclass {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
transition: opacity 0.3s ease-out, transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out;
grid-column: 1/-1;
} }
.application.sheet.dh-style .item-description.invisible { .application.sheet.dh-style .item-description.invisible {
height: 0; height: 0;

View file

@ -206,6 +206,8 @@
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
grid-column: 1/-1; //For item descriptions in sheet elements
transition: transition:
opacity 0.3s ease-out, opacity 0.3s ease-out,
transform 0.3s ease-out; transform 0.3s ease-out;

View file

@ -127,4 +127,5 @@
<a data-action="toChat" data-tooltip="{{localize 'DAGGERHEART.Tooltip.sendToChat'}}"><i class="fa-regular fa-message"></i></a> <a data-action="toChat" data-tooltip="{{localize 'DAGGERHEART.Tooltip.sendToChat'}}"><i class="fa-regular fa-message"></i></a>
<a data-action="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a> <a data-action="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a>
</div> </div>
<div class="item-description">{{#unless isSidebar}}{{{item.system.description}}}{{/unless}}</div>
</li> </li>