tooltip pour titres

styles/simple.css

@@ -1292,6 +1292,9 @@ display: inline-flex;
 .tooltip {
   position: relative;
   display: inline-block;
+}
+
+.tooltip-dotted {
   border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
 }
 
@@ -1332,9 +1335,16 @@ display: inline-flex;
   padding: 3px 0;
 }
 
-.tooltip-nobottom {
-  border-bottom: unset; /* If you want dots under the hoverable text */
+.tooltip .ttt-titre {
+  text-align: justify;
+  width: 100%;
+  top: 30px;
+  background: rgba(220,220,210,0.95);
+  border-radius: 6px;
+  font-size: 0.9rem;
+  padding: 3px;
 }
+
 .tooltip .ttt-xp {
   width: 250px;
   background: rgba(220,220,210,0.95);

templates/actor-sheet-competence-partial.html

@@ -6,7 +6,7 @@
   {{/if}}
   <img class="sheet-competence-img" src="{{img}}" />
   {{#if data.isLevelUp}}
-  <span class="competence-label tooltip tooltip-nobottom">
+  <span class="competence-label tooltip">
     <span class="tooltiptext ttt-xp">
       Vous pouvez dépenser {{data.xpNext}} points d'Experience pour augmenter de 1 votre compétence {{name}}
     </span>

templates/actor-sheet.html

@@ -66,7 +66,7 @@
               {{/if}}
             </div>
             <div class="flexrow">
-              <span class="tooltip">Malus de fatigue : {{calc.fatigue.malus}}
+              <span class="tooltip tooltip-dotted">Malus de fatigue : {{calc.fatigue.malus}}
                 <span class="tooltiptext ttt-fatigue">{{{calc.fatigue.html}}}</span>
               </span>
               <span>{{calc.resumeBlessures}}</span>
@@ -134,13 +134,13 @@
                         <label class="carac-xp flexrow"/>
                         {{else}}
                           {{#if carac.isLevelUp}}
-                          <span class="carac-label flexrow tooltip tooltip-nobottom" name="data.carac.{{key}}.label">
+                          <span class="carac-label flexrow tooltip" name="data.carac.{{key}}.label">
                             <span class="tooltiptext ttt-xp">
                             Vous pouvez dépenser {{carac.xpNext}} points d'Experience pour augmenter de 1 votre caractéristique {{carac.label}}
                           </span>
                           <a name={{key}}>{{carac.label}}</a></span>
                           {{else}}                          
-                          <span class="carac-label flexrow tooltip tooltip-nobottom" name="data.carac.{{key}}.label"><a name={{key}}>{{carac.label}}</a></span>
+                          <span class="carac-label flexrow tooltip" name="data.carac.{{key}}.label"><a name={{key}}>{{carac.label}}</a></span>
                           {{/if}}
                         <input class="carac-value flexrow" type="text" name="data.carac.{{key}}.value" value="{{carac.value}}" data-dtype="{{carac.type}}" {{#unless @root.options.editCaracComp}}disabled{{/unless}} />
                         <input class="carac-xp flexrow" type="text" name="data.carac.{{key}}.xp" value="{{carac.xp}}" data-dtype="number" {{#unless @root.options.editCaracComp}}disabled{{/unless}} />

templates/chat-infojet.html

@@ -1,5 +1,5 @@
 <div>
-  <span {{#if ajustements}}class="tooltip" {{/if}}>
+  <span {{#if ajustements}}class="tooltip tooltip-dotted" {{/if}}>
     {{rolled.caracValue}} à {{numberFormat rolled.finalLevel decimals=0 sign=true}}
     {{#if ajustements}}
     <div class="tooltiptext ttt-ajustements">

templates/dialog-competence.html

@@ -18,7 +18,7 @@
         {{else}}
         <div class="flexrow">
           <label>Tactique:</label>
-          <span class="tooltip">
+          <span class="tooltip tooltip-dotted">
             <select class="select-by-name" name="tactique" id="tactique-combat" data-dtype="String" {{#unless use.conditions}}disabled{{/unless}}>
               <option value="Attaque normale">Attaque normale</option>
               <option value="charge">Charge</option>

templates/partial-roll-ajustements.html

@@ -1,5 +1,5 @@
 <div class="table-ajustement">
-  <span class="tooltip">
+  <span class="tooltip tooltip-dotted">
     <span>Ajustement Final:</span>
     <span id="roll-param">{{selectedCarac.value}} / {{numberFormat finalLevel decimals=0 sign=true}}</span>
     <div class="tooltiptext ttt-ajustements">