[popup] Don't show slider animation when popup is opened

EMPRI-DEVOPS · Dec 20, 2021 · 104d489 · 104d489
1 parent ad37b7b
commit 104d489
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/app/pages/popup.html b/app/pages/popup.html
@@ -11,7 +11,7 @@
     <form>
       <label class="switch">
         <input id="ghonoff" name="ghonoff" type="checkbox">
-        <span class="slider round"></span>
+        <span id="slider" class="slider notransition round"></span>
       </label>
       <button id="settings">Settings</button>
     </form>

diff --git a/app/scripts/popup.js b/app/scripts/popup.js
@@ -30,6 +30,7 @@ function toggleOnOff(e) {
         browser.browserAction.setIcon({ path: icon });
       });
   });
+  document.querySelector("#slider").classList.remove("notransition");
 }
 
 function onOpened() {

diff --git a/app/styles/popup.css b/app/styles/popup.css
@@ -29,6 +29,14 @@ button {
   height: 0;
 }
 
+.notransition:before {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+
 .slider {
   position: absolute;
   cursor: pointer;
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,6 +30,7 @@ function toggleOnOff(e) { @@
             browser.browserAction.setIcon({ path: icon });
           });
       });
+      document.querySelector("#slider").classList.remove("notransition");
     }
     function onOpened() {
@@ Expand Down @@