Template:Tt - Revision history

Tsutomu25: Undo revision 393928 by Tsutomu25 (talk)

2025-08-26T12:34:37Z

Undo revision 393928 by Tsutomu25 (talk)

Tsutomu25: Replaced content with "Goso {{code |css= .under { text-decoration: none !important; color: black !important; } }}"

2025-08-26T12:33:52Z

Replaced content with "<span class="under">Goso</span> {{code |css= .under { text-decoration: none !important; color: black !important; } }}"

Tsutomu25: Undo revision 388160 by Tsutomu25 (talk)

2025-06-19T11:47:02Z

Undo revision 388160 by Tsutomu25 (talk)

Show changes

Tsutomu25 at 11:46, 19 June 2025

2025-06-19T11:46:10Z

Show changes

Tsutomu25: Undo revision 388156 by Tsutomu25 (talk)

2025-06-19T10:55:08Z

Undo revision 388156 by Tsutomu25 (talk)

Show changes

Tsutomu25 at 10:54, 19 June 2025

2025-06-19T10:54:49Z

Show changes

AvidConanContributor: I think word breaking should take affect now; 200px is too wide in my opinion

2025-06-11T21:02:05Z

I think word breaking should take affect now; 200px is too wide in my opinion

R0o0di: since the tooltip adjusts its position, it wouldnt harm to increase the width to 200px. also, removed some styles that don't seem to do anything. pls revert if you disagree

2025-06-11T13:19:56Z

since the tooltip adjusts its position, it wouldnt harm to increase the width to 200px. also, removed some styles that don't seem to do anything. pls revert if you disagree

R0o0di at 12:56, 11 June 2025

2025-06-11T12:56:35Z

AvidConanContributor at 02:13, 11 June 2025

2025-06-11T02:13:27Z

@@ Line 1: / Line 1: @@
-[[Gosho Aoyama|<span class="under">Goso</span>]]
+<includeonly><span class="tt-target">{{{1}}}<span class="tt-container tt-container-above" style="display: none;"><span class="tt-tooltip">{{{2}}}<span class="tt-chevron"></span></span></span></span>{{code
 |css=
-.under
+    /* Target word for the tooltip to focus on */
+    .tt-target {
-text-decoration: none !important;
+        position: relative;
-color: black !important;
+        display: inline-block;
+        border-bottom: 0.0625em dotted;
-}}
+    /* Text bold on hover */

@@ Line 1: / Line 1: @@
-<includeonly><span class="tt-target">{{{1}}}<span class="tt-container tt-container-above" style="display: none;"><span class="tt-tooltip">{{{2}}}<span class="tt-chevron"></span></span></span></span>{{code
+[[Gosho Aoyama|<span class="under">Goso</span>]]
 |css=
-    /* Target word for the tooltip to focus on */
+.under
-    .tt-target {
-        position: relative;
+text-decoration: none !important;
-        display: inline-block;
+color: black !important;
-        border-bottom: 0.0625em dotted;
-    /* Text bold on hover */
+}}

@@ Line 16: / Line 16: @@
          left: 50%;
          min-height: 1em;
-         width: 200px;
+         width: 170px;
          padding: 10px 0 8px;
          display: flex;
@@ Line 50: / Line 50: @@
          padding: 6px 9px;
          text-align: center;
+     }

@@ Line 16: / Line 16: @@
          left: 50%;
          min-height: 1em;
-         width: 170px;
+         width: 200px;
          padding: 10px 0 8px;
          display: flex;
@@ Line 49: / Line 49: @@
          filter: drop-shadow(0 1px 4px rgba(0,0,0,0.6));
          padding: 6px 9px;
          text-align: center;
+     }

@@ Line 21: / Line 21: @@
          justify-content: center;
          opacity: 0;
          pointer-events: none;
          user-select: none;

@@ Line 30: / Line 30: @@
      /* Container appear above target */
      .tt-container-above {
-         bottom: 90%;
+         bottom: calc(100% - 2px);
          transform: translate(-50%, 3px);
+     }
@@ Line 36: / Line 36: @@
      /* Container appear below target */
      .tt-container-below {
-         top: 90%;
+         top: calc(100% - 2px);
          transform: translate(-50%, -3px);
+     }
@@ Line 70: / Line 70: @@
      /* When tooltip is above */
      .tt-container-above .tt-chevron {
-         top: calc(100% - 2px);;
+         top: calc(100% - 3px);
          border-width: 9px 9px 0 9px;
          border-color: #fff transparent transparent transparent;
@@ Line 77: / Line 77: @@
      /* When tooltip is below */
      .tt-container-below .tt-chevron {
-         bottom: calc(100% - 2px);;
+         bottom: calc(100% - 2px);
          border-width: 0 9px 9px 9px;
          border-color: transparent transparent #fff transparent;