Added hints for drag-drop areas

lang/en.json

@@ -1955,6 +1955,8 @@
                 "plural": "Miss"
             },
             "maxWithThing": "Max {thing}",
+            "missingDragDropThing": "Drag in a {thing} to add it",
+            "missingDragDropThingAlt": "Drag in an {thing} to add it",
             "multiclass": "Multiclass",
             "newCategory": "New Category",
             "none": "None",

styles/less/global/global.less

@@ -0,0 +1,5 @@
+.hint {
+    flex: 0 0 100%;
+    margin: 0;
+    color: var(--color-form-hint);
+}

styles/less/global/index.less

@@ -3,6 +3,7 @@
 @import './chat.less';
 @import './elements.less';
 @import './enrichment.less';
+@import './global.less';
 @import './tab-navigation.less';
 @import './tab-form-footer.less';
 @import './tab-actions.less';

styles/less/sheets/actors/character/inventory.less

@@ -27,10 +27,6 @@
                         outline: 2px solid light-dark(@dark, @golden);
                     }
 
-                    &:placeholder {
-                        color: light-dark(@dark-blue-50, @beige-50);
-                    }
-
                     &::-webkit-search-cancel-button {
                         -webkit-appearance: none;
                         display: none;

styles/less/sheets/actors/character/loadout.less

@@ -27,10 +27,6 @@
                         outline: 2px solid light-dark(@dark, @golden);
                     }
 
-                    &:placeholder {
-                        color: light-dark(@dark-blue-50, @beige-50);
-                    }
-
                     &::-webkit-search-cancel-button {
                         -webkit-appearance: none;
                         display: none;

styles/less/ui/item-browser/item-browser.less

@@ -148,10 +148,6 @@
                             outline: 2px solid light-dark(@dark, @golden);
                         }
 
-                        &:placeholder {
-                            color: light-dark(@dark-blue-50, @beige-50);
-                        }
-
                         &::-webkit-search-cancel-button {
                             -webkit-appearance: none;
                             display: none;
@@ -187,7 +183,7 @@
                 }
 
                 &:has(+ .subfolder-list):after {
-                    content: "+";
+                    content: '+';
                 }
             }
 

templates/sheets/items/class/features.hbs

@@ -27,6 +27,9 @@
         <fieldset>
             <legend>{{localize "TYPES.Item.subclass"}}</legend>
             <div class="feature-list">
+                {{#unless source.system.subclasses}}
+                    <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThing" thing=(localize "TYPES.Item.subclass")}}</div>
+                {{/unless}}
                 {{#each source.system.subclasses as |subclass index|}}
                     <li class='feature-item'>
                         <div class='feature-line'>

templates/sheets/items/class/settings.hbs

@@ -45,6 +45,8 @@
                                 {{#unless (eq document.parent.type 'character')}}<a data-action="removeSuggestedItem" data-target="suggestedPrimaryWeapon"><i class="fa-solid fa-trash icon-button"></i></a>{{/unless}}
                             </div>
                         </div>
+                    {{else}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThing" thing=(localize "TYPES.Item.weapon")}}</div>
                     {{/if}}
                 </div>
             </fieldset>
@@ -60,6 +62,8 @@
                                 {{#unless (eq document.parent.type 'character')}}<a data-action="removeSuggestedItem" data-target="suggestedSecondaryWeapon"><i class="fa-solid fa-trash icon-button"></i></a>{{/unless}}
                             </div>
                         </div>
+                    {{else}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThing" thing=(localize "TYPES.Item.weapon")}}</div>
                     {{/if}}
                 </div>
             </fieldset>
@@ -75,6 +79,8 @@
                                 {{#unless (eq document.parent.type 'character')}}<a data-action="removeSuggestedItem" data-target="suggestedArmor"><i class="fa-solid fa-trash icon-button"></i></a>{{/unless}}
                             </div>
                         </div>
+                    {{else}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThingAlt" thing=(localize "TYPES.Item.armor")}}</div>
                     {{/if}}
                 </div>
             </fieldset>
@@ -85,6 +91,9 @@
             <fieldset class="one-column drop-section take-section {{#if (eq document.parent.type 'character')}}inactive{{/if}}">
                 <legend>{{localize "DAGGERHEART.GENERAL.take"}}</legend>
                 <div class="drop-section-body list-items">
+                    {{#unless source.system.inventory.take}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThingAlt" thing=(localize "Item")}}</div>
+                    {{/unless}}
                     {{#each source.system.inventory.take}}
                         {{#if this}}
                             <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">
@@ -102,6 +111,9 @@
             <fieldset class="one-column drop-section choice-a-section {{#if (eq document.parent.type 'character')}}inactive{{/if}}">
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.inventory.thenChoose"}}</legend>
                 <div class="drop-section-body list-items">
+                    {{#unless source.system.inventory.choiceA}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThingAlt" thing=(localize "Item")}}</div>
+                    {{/unless}}
                     {{#each source.system.inventory.choiceA}}
                         {{#if this}}
                             <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">
@@ -119,6 +131,9 @@
             <fieldset class="one-column drop-section choice-b-section {{#if (eq document.parent.type 'character')}}inactive{{/if}}">
                 <legend>{{localize "DAGGERHEART.ITEMS.Class.guide.inventory.andEither"}}</legend>
                 <div class="drop-section-body list-items">
+                    {{#unless source.system.inventory.choiceB}}
+                        <div class="hint">{{localize "DAGGERHEART.GENERAL.missingDragDropThingAlt" thing=(localize "Item")}}</div>
+                    {{/unless}}
                     {{#each source.system.inventory.choiceB}}
                         {{#if this}}
                             <div class="suggested-item item-line" data-action="editDoc" data-item-uuid="{{this.uuid}}">