Improve blocking UI

- Use css to block UI
- Remove background color to prevent blinking

Author: murilopolese

ui/arduino/components/blocking.js

@@ -1,9 +1,7 @@
 function Blocking(state, emit) {
-  let blocking = null
+  let blocking = html`<div id="blocking"></div>`
   if (state.blocking) {
-    blocking = html`
-      <div id="blocking"></div>
-    `
+    blocking.classList.add('active')
   }
   return blocking
 }

ui/arduino/theme.css

@@ -350,6 +350,13 @@ img {
   bottom: 0;
   left: 0;
   right: 0;
-  background: var(--white-faded);
-  z-index: 100;
+  pointer-events: none;
+  transition-property: all;
+  transition-duration: 0.2s;
+  transition-delay: 0.2s;
+  cursor: wait;
+}
+#blocking.active {
+  z-index: 999;
+  pointer-events: all;
 }