Applied hovering and clicking animations to all submit buttons

uclaacm · Nov 6, 2024 · 6db3013 · 6db3013
1 parent 4617b51
commit 6db3013
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/styles/Exercises/AxisInput.scss b/src/styles/Exercises/AxisInput.scss
@@ -58,6 +58,15 @@
   background-color: colors.$input-grey;
 }
 
+#axinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#axinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #axinput-check-button {
   @include font-styles();
   background-color: colors.$primary-green;

diff --git a/src/styles/Exercises/GraphInput.scss b/src/styles/Exercises/GraphInput.scss
@@ -92,6 +92,15 @@
   padding: 1.25vw 2.5vw;
 }
 
+#graphinput-check-button:hover {
+  box-shadow: 5px 5px 5px #989696;
+}
+
+#graphinput-check-button:active {
+  box-shadow: none;
+  transform: scale(0.95);
+}
+
 #graphinput-check-wrong {
   @include font-styles();
   color: red;