Help icon popovers and css enhancement

Mattk70 · Feb 7, 2024 · 73f8db3 · 73f8db3
1 parent 38a0d12
commit 73f8db3
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 40 deletions.
diff --git a/css/style.css b/css/style.css
@@ -534,8 +534,27 @@ input[type="range"].vertical {
     text-align: center;
     line-height: 20px;
     float: right;
+    text-decoration: none; /* Remove underline from <a> tags */
+    display: inline-block;
+    transition: transform 0.2s; /* Add transition for smooth scaling */
+}
+
+.circle a {
+    text-decoration: none; /* Remove underline */
+    color: inherit; /* Inherit parent's color */
+    display: block;
+}
+
+.circle:hover {
+    transform: scale(1.1); /* Grow on mouseover */
+    color: white;
 }
 
+.circle:active {
+    transform: scale(0.9); /* Shrink on click */
+}
+
+
 #settingsForm {
     height: 75vh;
     width: 65vw;