Add shake animation to empty Submit and Copy btns /

Fix empty EditList to Output bug
Ali-Sdg90 · Jan 17, 2024 · 69e994a · 69e994a
1 parent 201fc3a
commit 69e994a
Show file tree

Hide file tree

Showing 14 changed files with 90 additions and 16 deletions.
diff --git a/JS/index.js b/JS/index.js
diff --git a/JS/index.js.map b/JS/index.js.map
diff --git a/JS/memberActionBtns.js b/JS/memberActionBtns.js
diff --git a/JS/memberActionBtns.js.map b/JS/memberActionBtns.js.map
diff --git a/JS/output.js b/JS/output.js
diff --git a/JS/output.js.map b/JS/output.js.map
diff --git a/Style/_animation.scss b/Style/_animation.scss
@@ -0,0 +1,17 @@
+@keyframes shake {
+    0% {
+        transform: translateX(0);
+    }
+    25% {
+        transform: translateX(-3px);
+    }
+    50% {
+        transform: translateX(3px);
+    }
+    75% {
+        transform: translateX(-3px);
+    }
+    100% {
+        transform: translateX(0);
+    }
+}
diff --git a/Style/_base-sections.scss b/Style/_base-sections.scss
@@ -51,3 +51,7 @@
     color: rgb(237, 235, 232);
     cursor: pointer;
 }
+
+.shake-animation {
+    animation: shake 0.3s;
+}
diff --git a/Style/style.css b/Style/style.css
@@ -52,6 +52,23 @@ body {
   position: absolute;
 }
 
+@keyframes shake {
+  0% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-3px);
+  }
+  50% {
+    transform: translateX(3px);
+  }
+  75% {
+    transform: translateX(-3px);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
 .page-header-section {
   width: 100%;
   display: flex;
@@ -104,6 +121,10 @@ body {
   cursor: pointer;
 }
 
+.shake-animation {
+  animation: shake 0.3s;
+}
+
 .input-section,
 .output-section {
   width: 300px;