Difference between revisions of "Template:Tt"

From Detective Conan Wiki
(hanging class names to avoid issues with identical, already-existing classes)
(Minor chevron fix, it won't shift out of position when the tooltip gets too large)
Line 70: Line 70:
 
     /* When tooltip is above */
 
     /* When tooltip is above */
 
     .tt-container-above .tt-chevron {
 
     .tt-container-above .tt-chevron {
         top: 95%;
+
         top: calc(100% - 2px);;
 
         border-width: 9px 9px 0 9px;
 
         border-width: 9px 9px 0 9px;
 
         border-color: #fff transparent transparent transparent;
 
         border-color: #fff transparent transparent transparent;
Line 77: Line 77:
 
     /* When tooltip is below */
 
     /* When tooltip is below */
 
     .tt-container-below .tt-chevron {
 
     .tt-container-below .tt-chevron {
         bottom: 95%;
+
         bottom: calc(100% - 2px);;
 
         border-width: 0 9px 9px 9px;
 
         border-width: 0 9px 9px 9px;
 
         border-color: transparent transparent #fff transparent;
 
         border-color: transparent transparent #fff transparent;

Revision as of 22:51, 10 June 2025

Documentation icon Template documentation[create]
text text {{tt|Hover me|blablablablabla}} text text

Results in: text text Hover me text text