Mettre en valeur l'argent sans valeur

styles/simple.css

@@ -81,6 +81,7 @@
   --background-custom-button: linear-gradient(to bottom, rgba(33, 55, 74, 0.988) 5%, rgba(21, 40, 51, 0.671) 100%);
   --background-custom-button-hover: linear-gradient(to bottom, rgb(128, 0, 0) 5%, rgb(62, 1, 1) 100%);
   --background-tooltip: rgba(220,220,210,0.95);
+  --background-error:hsla(16, 100%, 50%, 0.8);
 }
 
 /*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/
@@ -364,9 +365,21 @@ table {border: 1px solid #7a7971;}
   justify-content: center;
   text-align: left;
 }
+.equipement-valeur {
+  margin: 0;
+  flex-grow: 1.5;
+  text-align: center;
+}
 .equipement-detail {
   margin: 0;
-  flex: 'flex-shrink' ;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.equipement-button {
+  margin: 0;
+  flex-grow: 0.5;
   align-items: center;
   justify-content: center;
   text-align: center;
@@ -879,6 +892,11 @@ ul, li {
   background: rgb(160, 130, 100, 0.05);
 }
 
+input.attribute-value.field-error ,
+.list-item span.field-error {
+  background-color: var(--background-error);
+}
+
 ul.chat-list {
   margin-left: 0.8rem;
   list-style: inside;

templates/actor/inventaire-monnaie.html

@@ -4,13 +4,16 @@
   <li class="item flexrow list-item" data-item-id="{{piece._id}}">
     <img class="sheet-competence-img" src="{{piece.img}}" title="{{piece.name}}"/>
     <span class="equipement-nom">{{piece.name}}</span>
-    <span class="equipement-detail item-controls">
+    <span class="equipement-valeur {{#unless (gt piece.system.cout 0)}}field-error{{/unless}}">
+      ({{piece.system.cout}} Sols)
+    </span>
+    <span class="equipement-button item-controls">
       <a class="monnaie-moins"><i class="fas fa-minus-square"></i></a>
     </span>
     <span class="equipement-detail">
       <span>{{piece.system.quantite}}</span>
     </span>
-    <span class="equipement-detail item-controls">
+    <span class="equipement-button item-controls">
       <a class="monnaie-plus"><i class="fas fa-plus-square"></i></a>
     </span>
     <span class="equipement-actions  item-controls">

templates/item/partial-inventaire.html

@@ -15,6 +15,11 @@
 </div>
 <div class="form-group item-cout">
   <label for="system.cout">Prix (sols)</label>
+  {{#if (or (ne type 'monnaie') (gt system.cout 0))}}
   <input class="attribute-value" type="text" name="system.cout" value="{{system.cout}}" data-dtype="Number"
     {{#unless (isFieldInventaireModifiable type 'cout')}}disabled{{/unless}}/>
+  {{else}}
+    <input class="attribute-value field-error" type="text" name="system.cout" value="{{system.cout}}" data-dtype="Number"
+    {{#unless (isFieldInventaireModifiable type 'cout')}}disabled{{/unless}}/>
+  {{/if}}
 </div>