modify the icons 💄

madneal · Jun 8, 2017 · 4abc80d · 4abc80d
1 parent 0d7b2b3
commit 4abc80d
Show file tree

Hide file tree

Showing 9 changed files with 6 additions and 1 deletion.
diff --git a/icons/icon-128.png b/icons/icon-128.png
diff --git a/icons/icon-16.png b/icons/icon-16.png
diff --git a/icons/icon-19.png b/icons/icon-19.png
diff --git a/icons/icon-38.png b/icons/icon-38.png
diff --git a/icons/icon-48.png b/icons/icon-48.png
diff --git a/icons/icon-64.png b/icons/icon-64.png
diff --git a/icons/icon.png b/icons/icon.png
diff --git a/popup.html b/popup.html
@@ -39,6 +39,7 @@
       -ms-animation: spin1 2s infinite linear;
       animation: spin1 2s infinite linear;
       display: block;
+      visibility: hidden;
     }
 
     @-webkit-keyframes spin1 {
@@ -88,7 +89,7 @@ <h1>The export result</h1>
     <li><button class="copy">copy to clipboard</button></li>
   </ul>
 
-  <span><img src="load.svg"></span>
+  <span><img src="load.svg" class="load"></span>
   <div class="main">
     <div class="left-area">
       <textarea id="source"></textarea>

diff --git a/scripts/widget.js b/scripts/widget.js
@@ -5,7 +5,11 @@
 // })
 
   document.querySelector('.export').addEventListener('click', function () {
+    document.querySelector('body').style.background = '#eee';
+    document.querySelector('img').style.visibility = 'visible';
     exportMedium()
+    document.querySelector('body').style.background = '#fff';
+    document.querySelector('img').style.visibility = 'none';
   })
 
   document.querySelector('.copy').addEventListener('click', function() {