feat: less word clutter for a better UI

2024-05-30 22:31:40 -05:00
parent 6755b7ec36
commit 2113f1ff6d
2 changed files with 43 additions and 3 deletions
--- a/docs/main.css
+++ b/docs/main.css
@@ -135,6 +135,45 @@ nav ul li a:hover {
    max-width: 800px;
 }

+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+  }
+  
+.tooltip .tooltiptext {
+visibility: hidden;
+width: 120px;
+background-color: #555;
+color: #fff;
+text-align: center;
+border-radius: 6px;
+padding: 5px 0;
+position: absolute;
+z-index: 1;
+bottom: 125%;
+left: 50%;
+margin-left: -60px;
+opacity: 0;
+transition: opacity 0.3s;
+}
+
+.tooltip .tooltiptext::after {
+content: "";
+position: absolute;
+top: 100%;
+left: 50%;
+margin-left: -5px;
+border-width: 5px;
+border-style: solid;
+border-color: #555 transparent transparent transparent;
+}
+
+.tooltip:hover .tooltiptext {
+visibility: visible;
+opacity: 1;
+}
+
 .bg-form {
    background-color: var(--container-color);
    /* grid-column: 1;