From 2a4e45a1ee81298cfb4ad8b52bdc12efe1ea8c82 Mon Sep 17 00:00:00 2001
From: Carlos Fernandez <cfern1990@gmail.com>
Date: Mon, 4 May 2026 19:55:29 -0400
Subject: [PATCH] Make fieldsets glassy in character sheet

---
 styles/less/global/elements.less              |  1 +
 .../sheets/actors/character/biography.less    | 10 ++++-
 .../sheets/actors/character/biography.hbs     | 10 ++---
 .../sheets/actors/character/features.hbs      | 41 ++++++++++---------
 4 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index ff668bfd..05e679b5 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -269,6 +269,7 @@
                 border-radius: 3px;
                 background-color: light-dark(@dark-blue, @golden);
                 color: light-dark(@beige, @dark-blue);
+                margin-bottom: var(--spacer-4);
             }
         }
 
diff --git a/styles/less/sheets/actors/character/biography.less b/styles/less/sheets/actors/character/biography.less
index 12a662ff..b7c6ba6e 100644
--- a/styles/less/sheets/actors/character/biography.less
+++ b/styles/less/sheets/actors/character/biography.less
@@ -9,14 +9,20 @@
             gap: 10px;
             height: 100%;
             overflow-y: auto;
-            mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
-            padding-bottom: 10px;
+            mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 98%, transparent 100%);
+            padding-top: 8px;
+            padding-bottom: 20px;
             height: 100%;
 
             scrollbar-width: thin;
             scrollbar-color: light-dark(@dark-blue, @golden) transparent;
         }
 
+        .characteristics-section {
+            gap: 20px;
+            padding: 0 10px;
+        }
+
         .biography-section {
             prose-mirror {
                 --min-height: 50px;
diff --git a/templates/sheets/actors/character/biography.hbs b/templates/sheets/actors/character/biography.hbs
index 6f2fe8c1..7da920e0 100644
--- a/templates/sheets/actors/character/biography.hbs
+++ b/templates/sheets/actors/character/biography.hbs
@@ -4,9 +4,7 @@
     data-group='{{tabs.biography.group}}'
 >
     <div class="items-section">
-        <fieldset class="flex">
-            <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.characteristics'}}</legend>
-            
+        <div class="characteristics-section flexrow">
             <div class="input">
                 <span>{{localize 'DAGGERHEART.ACTORS.Character.pronouns'}}</span>
                 {{formInput systemFields.biography.fields.characteristics.fields.pronouns value=source.system.biography.characteristics.pronouns enriched=source.system.biography.characteristics.pronouns localize=true toggled=true}}
@@ -21,14 +19,14 @@
                 <span>{{localize 'DAGGERHEART.ACTORS.Character.faith'}}</span>
                 {{formInput systemFields.biography.fields.characteristics.fields.faith value=source.system.biography.characteristics.faith enriched=source.system.biography.characteristics.faith localize=true toggled=true}}
             </div>
-        </fieldset>
+        </div>
 
-        <fieldset class="biography-section">
+        <fieldset class="glassy biography-section">
             <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.backgroundTitle'}}</legend>
             {{formInput background.field value=background.value enriched=background.enriched toggled=true}}
         </fieldset>
 
-        <fieldset class="biography-section">
+        <fieldset class="glassy biography-section">
             <legend>{{localize 'DAGGERHEART.ACTORS.Character.story.connectionsTitle'}}</legend>
             {{formInput connections.field value=connections.value enriched=connections.enriched toggled=true}}
         </fieldset>
diff --git a/templates/sheets/actors/character/features.hbs b/templates/sheets/actors/character/features.hbs
index 70544683..7acde713 100644
--- a/templates/sheets/actors/character/features.hbs
+++ b/templates/sheets/actors/character/features.hbs
@@ -2,26 +2,27 @@
     data-group='{{tabs.features.group}}'>
     <div class="features-sections">
         {{#each document.system.sheetLists as |category|}}
-        {{#if (eq category.type 'feature' )}}
-        {{> 'daggerheart.inventory-items'
-            title=category.title
-            type='feature'
-            actorType='character'
-            collection=category.values
-            canCreate=@root.editable
-            showActions=@root.editable
-        }}
-        {{else if category.values}}
-        {{> 'daggerheart.inventory-items'
-            title=category.title
-            type='feature'
-            actorType='character'
-            collection=category.values
-            canCreate=false
-            showActions=@root.editable
-        }}
-
-        {{/if}}
+            {{#if (eq category.type 'feature' )}}
+                {{> 'daggerheart.inventory-items'
+                    title=category.title
+                    type='feature'
+                    actorType='character'
+                    collection=category.values
+                    isGlassy=true
+                    canCreate=@root.editable
+                    showActions=@root.editable
+                }}
+                {{else if category.values}}
+                {{> 'daggerheart.inventory-items'
+                    title=category.title
+                    type='feature'
+                    actorType='character'
+                    collection=category.values
+                    isGlassy=true
+                    canCreate=false
+                    showActions=@root.editable
+                }}
+            {{/if}}
         {{/each}}
     </div>
 </section>
\ No newline at end of file