Move overlay out of transition area

ui/app/app.js

@@ -172,23 +172,24 @@ App.prototype.renderSidebar = function() {
         },
       }) : undefined,
 
-      // overlay
+    ]),
-      // TODO: add onClick for overlay to close sidebar
+
-      this.props.sidebarOpen ? h('div', {
+    // overlay
-        style: {
+    // TODO: add onClick for overlay to close sidebar
-          zIndex: 25,
+    this.props.sidebarOpen ? h('div', {
-          position: 'fixed',
+      style: {
-          top: '6%',
+        zIndex: 25,
-          left: '0px',
+        position: 'fixed',
-          right: '0px',
+        top: '6%',
-          bottom: '0px',
+        left: '0px',
-          opacity: '1',
+        right: '0px',
-          visibility: 'visible',
+        bottom: '0px',
-          // transition: 'opacity 0.3s ease-out, visibility 0.3s ease-out',
+        opacity: '1',
-          backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        visibility: 'visible',
-        }
+        // transition: 'opacity 0.3s ease-out, visibility 0.3s ease-out',
-      }, []) : undefined,
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
-    ])
+      }
+    }, []) : undefined,
   ])
 }