feat : updated interface with tooltips

GazzolaLab · Sep 3, 2021 · 3ef24b3 · 3ef24b3
1 parent 7d0a92b
commit 3ef24b3
Show file tree

Hide file tree

Showing 3 changed files with 1,225 additions and 703 deletions.
diff --git a/snake_sandbox.css b/snake_sandbox.css
@@ -107,3 +107,30 @@ h1 {
         transform: rotate(1turn);
     }
 }
+
+/* Tooltip container */
+.tooltip {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+  visibility: hidden;
+  width: 120px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 6px;
+
+  /* Position the tooltip text - see examples below! */
+  position: absolute;
+  z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+}