From cc2254112fa220db6fe222e5ac3db95bd9411cab Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandemeulebrouck@itiviti.com>
Date: Wed, 21 Apr 2021 22:01:07 +0200
Subject: [PATCH] tooltip pour titres

---
 styles/simple.css                             | 14 ++++++++++++--
 templates/actor-sheet-competence-partial.html |  2 +-
 templates/actor-sheet.html                    |  6 +++---
 templates/chat-infojet.html                   |  2 +-
 templates/dialog-competence.html              |  2 +-
 templates/partial-roll-ajustements.html       |  2 +-
 6 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/styles/simple.css b/styles/simple.css
index 254dd5b0..d7fdb732 100644
--- a/styles/simple.css
+++ b/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);
diff --git a/templates/actor-sheet-competence-partial.html b/templates/actor-sheet-competence-partial.html
index 7d938044..4e87bf5d 100644
--- a/templates/actor-sheet-competence-partial.html
+++ b/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>
diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html
index 70145c11..5c3f8eef 100644
--- a/templates/actor-sheet.html
+++ b/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}} />
diff --git a/templates/chat-infojet.html b/templates/chat-infojet.html
index 957ec522..ea13ceb3 100644
--- a/templates/chat-infojet.html
+++ b/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">
diff --git a/templates/dialog-competence.html b/templates/dialog-competence.html
index 1e508d8c..afc60424 100644
--- a/templates/dialog-competence.html
+++ b/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>
diff --git a/templates/partial-roll-ajustements.html b/templates/partial-roll-ajustements.html
index b249f046..238dcc5d 100644
--- a/templates/partial-roll-ajustements.html
+++ b/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">