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

Author: fapdash

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>

app/scripts/popup.js

@@ -30,6 +30,7 @@ function toggleOnOff(e) {
         browser.browserAction.setIcon({ path: icon });
       });
   });
+  document.querySelector("#slider").classList.remove("notransition");
 }
 
 function onOpened() {

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;