From 6f1529fefecbe2ad52da1d0d9e6fb5f2866ec623 Mon Sep 17 00:00:00 2001
From: Nikhil Nagarajan <potter.nikhil@gmail.com>
Date: Tue, 1 Jul 2025 10:28:03 -0400
Subject: [PATCH] [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
---
 styles/daggerheart.css                              | 1 +
 styles/less/global/elements.less                    | 2 ++
 templates/sheets/global/partials/inventory-item.hbs | 1 +
 3 files changed, 4 insertions(+)

diff --git a/styles/daggerheart.css b/styles/daggerheart.css
index d620cb5b..b94bb248 100755
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@@ -4622,6 +4622,7 @@ div.daggerheart.views.multiclass {
   opacity: 1;
   transform: translateY(0);
   transition: opacity 0.3s ease-out, transform 0.3s ease-out;
+  grid-column: 1/-1;
 }
 .application.sheet.dh-style .item-description.invisible {
   height: 0;
diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index c4745a16..dbed0ca2 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -206,6 +206,8 @@
         opacity: 1;
         transform: translateY(0);
 
+        grid-column: 1/-1; //For item descriptions in sheet elements
+
         transition:
             opacity 0.3s ease-out,
             transform 0.3s ease-out;
diff --git a/templates/sheets/global/partials/inventory-item.hbs b/templates/sheets/global/partials/inventory-item.hbs
index e712e0fb..a33c99d5 100644
--- a/templates/sheets/global/partials/inventory-item.hbs
+++ b/templates/sheets/global/partials/inventory-item.hbs
@@ -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="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a>
     </div>
+    <div class="item-description">{{#unless isSidebar}}{{{item.system.description}}}{{/unless}}</div>
 </li>
\ No newline at end of file