Correction de tooltips (v13)

Sur les ajustements, les tooltips sont visibles

css/foundryvtt-reve-de-dragon.css

@@ -132,8 +132,8 @@ select,
   /*--------------------------------------------------------------------------*/
   /* Control, Tool, hotbar & navigation */
   /* Tooltip container */
-  /* Tooltip text */
   /* Show the tooltip text when you mouse over the tooltip container */
+  /* html Tooltips html*/
   /* Dropdown Content (Hidden by Default) */
   /* Change the background color of the dropdown button when the dropdown content is shown */
   /* Show the dropdown menu on hover */
@@ -420,8 +420,9 @@ select,
 .system-foundryvtt-reve-de-dragon .window-header {
   background: rgba(0, 0, 0, 0.75);
 }
+.system-foundryvtt-reve-de-dragon .application .window-content,
 .system-foundryvtt-reve-de-dragon .window-app.sheet .window-content {
-  margin: 0;
+  margin: 0.2rem;
   padding: 0;
 }
 .system-foundryvtt-reve-de-dragon section.window-content div.dialog-buttons {
@@ -1183,7 +1184,7 @@ select,
   font-weight: bold;
   background-color: lightblue;
 }
-.system-foundryvtt-reve-de-dragon div.placeholder-resolution span.table-proba-reussite {
+.system-foundryvtt-reve-de-dragon span.table-proba-reussite {
   font-size: 0.8rem;
   padding: 5px;
 }
@@ -1360,7 +1361,7 @@ select,
   width: 100%;
   max-width: 90%;
 }
-.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .tooltip:hover .tooltiptext {
+.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content :is(.tooltip, .tooltip-overflow):hover .tooltiptext {
   top: 2rem;
   left: 2rem;
   margin: 0;
@@ -1804,6 +1805,13 @@ select,
   padding: 1px;
   vertical-align: text-top;
 }
+.system-foundryvtt-reve-de-dragon .actor-img-small {
+  max-width: 1.5rem;
+  max-height: 1.5rem;
+  flex-grow: 0;
+  margin-right: 0.2rem;
+  vertical-align: bottom;
+}
 .system-foundryvtt-reve-de-dragon #sidebar-tabs {
   flex: 0 0 28px;
   box-sizing: border-box;
@@ -2280,11 +2288,26 @@ select,
   position: relative;
   display: inline-block;
 }
+.system-foundryvtt-reve-de-dragon .tooltip-overflow {
+  display: inline-block;
+}
 .system-foundryvtt-reve-de-dragon .tooltip-dotted {
   border-bottom: 1px dotted black;
   /* If you want dots under the hoverable text */
 }
-.system-foundryvtt-reve-de-dragon .tooltip .tooltiptext {
+.system-foundryvtt-reve-de-dragon div.message-content span .tooltip-overflow {
+  overflow: visible;
+  position: absolute;
+}
+.system-foundryvtt-reve-de-dragon div.message-content span .tooltip-overflow span {
+  overflow: visible;
+  position: relative;
+}
+.system-foundryvtt-reve-de-dragon :is(.tooltip, .tooltip-overflow):hover .tooltiptext {
+  visibility: visible;
+  opacity: 1;
+}
+.system-foundryvtt-reve-de-dragon :is(.tooltip, .tooltip-overflow) .tooltiptext {
   text-align: center;
   /* Position the tooltip text */
   position: absolute;
@@ -2294,10 +2317,7 @@ select,
   opacity: 0;
   transition: opacity 0.3s;
 }
-.system-foundryvtt-reve-de-dragon .tooltip .left-competence {
-  transform: translate(-100%, 0%);
-}
-.system-foundryvtt-reve-de-dragon .tooltip .ttt-fatigue {
+.system-foundryvtt-reve-de-dragon :is(.tooltip, .tooltip-overflow) .ttt-fatigue {
   width: 360px;
   background: rgba(30, 25, 20, 0.9);
   border-image: url(../assets/ui/bg_control.webp) 21 repeat;
@@ -2308,29 +2328,24 @@ select,
   font-size: 0.8rem;
   padding: 3px 0;
 }
-.system-foundryvtt-reve-de-dragon .tooltip .ttt-ajustements {
-  width: 150px;
+.system-foundryvtt-reve-de-dragon :is(.tooltip, .tooltip-overflow) .ttt-ajustements {
+  width: 10rem;
   background: var(--background-tooltip);
   border-radius: 6px;
   font-size: 0.9rem;
   padding: 3px 0;
 }
-.system-foundryvtt-reve-de-dragon .tooltip .ttt-titre {
-  text-align: justify;
-  width: 100%;
-  top: 30px;
-  background: var(--background-tooltip);
-  border-radius: 6px;
-  font-size: 0.9rem;
-  padding: 3px;
+.system-foundryvtt-reve-de-dragon :is(.tooltip, .tooltip-overflow) .ttt-ajustements div:nth-child(odd) {
+  background: var(--background-tooltip-alt);
 }
 .system-foundryvtt-reve-de-dragon aside#tooltip {
+  max-width: 15rem;
   background: var(--background-tooltip);
-  /*color: var(--color-text-dark-primary);*/
   color: rgba(100, 100, 50, 0.85);
-  font-size: 1rem;
+  font-size: 0.9rem;
   border-radius: 0.2rem;
-  padding: 0.4rem;
+  padding: 0.3rem;
+  font-family: "CaslonAntique";
 }
 .system-foundryvtt-reve-de-dragon aside#tooltip span.reference {
   color: var(--color-tooltip);
@@ -2339,17 +2354,6 @@ select,
 .system-foundryvtt-reve-de-dragon aside#tooltip .toolclip p.faint {
   color: var(--color-tooltip-faint);
 }
-.system-foundryvtt-reve-de-dragon .tooltip :is(.ttt-xp,.ttt-levelup) {
-  width: 250px;
-  background: var(--background-tooltip) !important;
-  border-radius: 6px;
-  font-size: 0.9rem;
-  padding: 3px 0;
-}
-.system-foundryvtt-reve-de-dragon .tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
 .system-foundryvtt-reve-de-dragon .chat-card-button,
 .system-foundryvtt-reve-de-dragon .chat-card-button-pushed {
   border-radius: 0.2rem;