Boutons dans les listes d'équipement

Affichage amélioré en évitant les retours à la ligne
Meilleur affichage des -/+

changelog.md

@@ -10,6 +10,8 @@
 - Ajout d'une gravité de blessure sur les encaissement d'entités
 - Amélioration de champs numériques: ajout de min et max quand c'est utile
 - correction pour cuisiner depuis l'équipement
+- les boutons dans les listes d'équipement sont mieux affichés sans retour à la ligne
+
 
 ## 13.0.35 - Les travaux d'Illisys
 

css/foundryvtt-reve-de-dragon.css

@@ -1120,49 +1120,27 @@ body {
   text-align: left;
 }
 .system-foundryvtt-reve-de-dragon .equipement-nom {
-  flex-grow: 3;
+  flex-grow: 4;
+  flex-shrink: 2;
   margin: 0;
-  justify-content: center;
   text-align: left;
   display: ruby;
 }
 .system-foundryvtt-reve-de-dragon .equipement-valeur {
   margin: 0;
-  flex-grow: 1.5;
+  flex-grow: 1;
+  flex-shrink: 1;
   text-align: center;
 }
 .system-foundryvtt-reve-de-dragon .equipement-detail {
   margin: 0;
   flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-.system-foundryvtt-reve-de-dragon span.equipement-detail-buttons {
-  margin: 0;
-  flex-grow: 1.5;
+  flex-shrink: 1;
   align-items: center;
   justify-content: center;
   text-align: center;
   display: flex;
-  flex-direction: row;
-}
-.system-foundryvtt-reve-de-dragon .equipement-button {
-  margin: 0;
-  flex-grow: 0.5;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-.system-foundryvtt-reve-de-dragon :is(.item-actions-controls, .equipement-actions) {
-  margin: 0;
-  flex-grow: 1.2;
-  align-items: end;
-  justify-content: flex-end;
-  text-align: right;
-}
-.system-foundryvtt-reve-de-dragon .liste-equipement :is(.equipement-actions, .item-actions-controls) {
-  flex-grow: 2;
+  min-width: max-content;
 }
 .system-foundryvtt-reve-de-dragon .blessure-control {
   flex-grow: 1;
@@ -1526,9 +1504,20 @@ body {
 .system-foundryvtt-reve-de-dragon .competence-list .item-controls.hidden-controls {
   display: none !important;
 }
+.system-foundryvtt-reve-de-dragon .competence-header .item-actions-controls {
+  flex-shrink: 2;
+  flex-grow: 2;
+}
 .system-foundryvtt-reve-de-dragon .item-actions-controls,
 .system-foundryvtt-reve-de-dragon .item-controls {
-  vertical-align: super;
+  margin: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  align-items: end;
+  text-align: right;
+  min-width: max-content;
+  flex-basis: fit-content;
+  vertical-align: baseline;
 }
 .system-foundryvtt-reve-de-dragon .item-actions-controls img,
 .system-foundryvtt-reve-de-dragon .item-controls img {

less/foundryvtt-reve-de-dragon.less

@@ -393,49 +393,27 @@
     text-align: left;
   }
   .equipement-nom {
-    flex-grow: 3;
+    flex-grow: 4;
+    flex-shrink: 2;
     margin: 0;
-    justify-content: center;
     text-align: left;
     display: ruby;
   }
   .equipement-valeur {
     margin: 0;
-    flex-grow: 1.5;
+    flex-grow: 1;
+    flex-shrink: 1;
     text-align: center;
   }
   .equipement-detail {
     margin: 0;
     flex-grow: 1;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-  }
-  span.equipement-detail-buttons {
-    margin: 0;
-    flex-grow: 1.5;
+    flex-shrink: 1;
     align-items: center;
     justify-content: center;
     text-align: center;
     display: flex;
-    flex-direction: row;
-  }
-  .equipement-button {
-    margin: 0;
-    flex-grow: 0.5;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-  }
-  :is(.item-actions-controls, .equipement-actions) {
-    margin: 0;
-    flex-grow: 1.2;
-    align-items: end;
-    justify-content: flex-end;
-    text-align: right;
-  }
-  .liste-equipement :is(.equipement-actions, .item-actions-controls) {
-    flex-grow: 2;
+    min-width: max-content;
   }
 
   .blessure-control {
@@ -848,12 +826,20 @@
   .competence-list .item-controls.hidden-controls {
     display: none !important;
   }
+  .competence-header .item-actions-controls{
+    flex-shrink: 2;
+    flex-grow: 2;
+  }
   .item-actions-controls,
   .item-controls {
-    vertical-align: super;
-    // a {
-    // }
-
+    margin: 0;
+    flex-grow: 1;
+    flex-shrink: 1;
+    align-items: end;
+    text-align: right;
+    min-width: max-content;
+    flex-basis: fit-content;
+    vertical-align: baseline;
     img {
       vertical-align: text-bottom;
       display: inline;

templates/actor/commerce-actor-sheet.hbs

@@ -40,13 +40,12 @@
     </div>
     <hr>
     {{> "systems/foundryvtt-reve-de-dragon/templates/actor/commerce-inventaire.hbs"}}
-    {{log @root.options}}
-    {{#unless system.illimite}}
+
     {{#if @root.options.isObserver}}
       <hr>
       {{> "systems/foundryvtt-reve-de-dragon/templates/actor/inventaire-monnaie.hbs"}}
     {{/if}}
-    {{/unless}}
+
     <br>
     {{> "systems/foundryvtt-reve-de-dragon/templates/actor/editor-notes-mj.hbs"}}
     <br>

templates/actor/commerce-inventaire-item.hbs

@@ -14,7 +14,7 @@
     </a>
   </span>
   {{#unless item.parent.system.illimite}}
-  <span class="equipement-detail-buttons flexrow">
+  <span class="equipement-detail">
     {{#unless (or (eq item.type 'service') (and (eq item.type 'conteneur') (not vide)))}}
       {{#if options.isOwner}}
       <a class="item-quantite-moins"><i class="fa-solid fa-square-minus"></i></a>

templates/actor/commerce-inventaire.hbs

@@ -23,7 +23,7 @@
     <span class="equipement-detail">Quantité</span>
     {{/unless}}
     <span class="equipement-detail">Prix (sols)</span>
-    <span class="equipement-actions">Actions</span>
+    <span class="item-actions-controls">Actions</span>
   </li>
   {{#each (trier inventaires) as |item id|}}
     {{#unless item.estContenu}}

templates/actor/inventaire-monnaie.hbs

@@ -8,19 +8,21 @@
     <span class="equipement-valeur {{#unless (gt piece.system.cout 0)}}field-error{{/unless}}">
       ({{piece.system.cout}} Sols)
     </span>
+    <span class="equipement-detail">
     {{#if @root.options.isOwner}}
-    <span class="equipement-button item-controls">
+    <span class="item-controls">
       <a class="item-quantite-moins"><i class="fa-solid fa-square-minus"></i></a>
     </span>
     {{/if}}
-    <span class="equipement-detail">
+    <span>
       <span>{{piece.system.quantite}}</span>
     </span>
     {{#if @root.options.isOwner}}
-    <span class="equipement-button item-controls">
+    <span class="item-controls">
       <a class="item-quantite-plus"><i class="fa-solid fa-square-plus"></i></a>
     </span>
     {{/if}}
+    </span>
     {{#if @root.options.isOwner}}
     {{>'systems/foundryvtt-reve-de-dragon/templates/actor/item-action-controls.hbs' item=signe options=@root.options}}
     {{/if}}

templates/actor/inventaire.hbs

@@ -18,9 +18,9 @@
 <ul class="item-list alterne-list liste-equipement">
   <li class="competence-header flexrow">
     <span class="equipement-nom">Nom</span>
-    <span class="equipement-detail-buttons">Q.</span>
+    <span class="equipement-detail">Quantité</span>
     <span class="equipement-detail">Enc.</span>
-    <span class="equipement-actions">Actions</span>
+    <span class="item-actions-controls item-controls ">Actions</span>
   </li>
   {{#each inventaires as |item id|}}
     {{#unless item.estContenu}}

templates/item/conteneur-sheet.hbs

@@ -21,7 +21,7 @@
             <span class="equipement-nom">Nom</span>
             <span class="equipement-detail">Q.</span>
             <span class="equipement-detail">Enc.</span>
-            <span class="equipement-actions">Actions</span>
+            <span class="item-actions-controls">Actions</span>
           </li>
           {{buildInventaireConteneur actorId id options}}
         </ul>