Added an 'empty' styling for tabs. Used for NPC sheet Features tab when it has no features

module/applications/sheets/actors/npc.mjs

@@ -46,9 +46,14 @@ export default class NPCSheet extends DHBaseActorSheet {
         }
     };
 
+    prepareTabs(context) {
+        context.tabs.features.empty = this.document.system.features.length === 0;
+    }
+
     /**@inheritdoc */
     async _prepareContext(options) {
         const context = await super._prepareContext(options);
+        this.prepareTabs(context);
 
         return context;
     }
@@ -88,6 +93,13 @@ export default class NPCSheet extends DHBaseActorSheet {
         });
     }
 
+    /**
+     * Prepare render context for the Features part.
+     * @param {ApplicationRenderContext} context
+     * @param {ApplicationRenderOptions} options
+     * @returns {Promise<void>}
+     * @protected
+     */
     async _prepareFeaturesContext(context, _options) {
         const featureForms = ['passive', 'action', 'reaction'];
         context.features = this.document.system.features.sort((a, b) =>
@@ -124,9 +136,4 @@ export default class NPCSheet extends DHBaseActorSheet {
             };
         }
     }
-
-    /**@inheritdoc */
-    _attachPartListeners(partId, htmlElement, options) {
-        super._attachPartListeners(partId, htmlElement, options);
-    }
 }

styles/less/global/tab-navigation.less

@@ -21,6 +21,10 @@
 
                     a {
                         color: @color-text-emphatic;
+
+                        &.empty:not(.active) {
+                            opacity: 0.4;
+                        }
                     }
                 }
             }

templates/sheets/actors/npc/notes.hbs

@@ -3,10 +3,7 @@
     data-tab='{{tabs.notes.id}}'
     data-group='{{tabs.notes.group}}'
 >
-    <fieldset class="fit-height">
+    {{formInput notes.field value=notes.value enriched=notes.enriched toggled=true}}
-        <legend>{{localize tabs.notes.label}}</legend>
-        {{formInput notes.field value=notes.value enriched=notes.enriched toggled=true}}
-    </fieldset>
 
     {{#if (and showAttribution document.system.attribution.artist)}}
         <label class="artist-attribution">{{localize "DAGGERHEART.GENERAL.artistAttribution" artist=document.system.attribution.artist}}</label>

templates/sheets/global/tabs/tab-navigation.hbs

@@ -4,7 +4,7 @@
             <line-div></line-div>
             <nav class='feature-tab sheet-tabs tabs' data-group='primary'>
                 {{#each tabs as |tab|}}
-                    <a class='{{tab.id}} {{tab.cssClass}}' data-action='tab' data-group='{{tab.group}}' data-tab='{{tab.id}}'>
+                    <a class='{{tab.id}} {{tab.cssClass}} {{#if tab.empty}}empty{{/if}}' data-action='tab' data-group='{{tab.group}}' data-tab='{{tab.id}}'>
                         <span>{{localize tab.label}}</span>
                     </a>
                 {{/each}}