Tweak tooltips on page footers

madkins23 · Aug 31, 2024 · 9fe9341 · 9fe9341
1 parent 9a98ef3
commit 9fe9341
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/cmd/server/parts/footer.gohtml b/cmd/server/parts/footer.gohtml
@@ -2,19 +2,19 @@
         <tr>
           <td>
             <div class="hover-text">
-              <span class="tooltip-text">Code Repository</span>
+              <span class="tooltip-text tooltip-footer-link-offset">Code Repository</span>
               <a href="https://github.com/madkins23/go-slog" target="_blank">Repository</a>
             </div>
           </td>
           <td class="center">
             <div class="hover-text">
-              <span class="tooltip-text">Date/time when this data was generated</span>
+              <span class="tooltip-text tooltip-footer-link-offset" style="width:200px">Date/time when this data was generated</span>
               <span class="fixed">{{ $.Timestamp }}</span>
             </div>
           </td>
           <td class="right">
             <div class="hover-text">
-              <span class="tooltip-text">Code Documentation</span>
+              <span class="tooltip-text tooltip-footer-link-offset">Code Documentation</span>
               <a href="https://pkg.go.dev/github.com/madkins23/go-slog" target="_blank">Documentation</a>
             </div>
           </td>

diff --git a/cmd/server/stuff/style.css b/cmd/server/stuff/style.css
@@ -562,6 +562,12 @@ table.warning-data td, th {
     width: 150px;
 }
 
+.hover-text:hover .tooltip-footer-link-offset {
+    left: -40px;
+    top: -40px;
+    width: 125px;
+}
+
 .hover-text label.charts {
     /* Duplicate H2 settings */
     font-size: 1.5em;