preliminary sidebar fixes

src/Home/Home.js

@@ -2,12 +2,6 @@ import "../components/Sidebar.js"
 import "../components/AppMenu.js"
 import "../components/AppWindowContainer.js"
 
-css(`
-    #homeContainer {
-        transition: left .2s;
-    }
-`)
-
 class Home extends Shadow {
 
     dragStartX = null
@@ -94,8 +88,8 @@ class Home extends Shadow {
                 this.sidebarOpen = false
             } else {
                 this.$("#homeContainer").style.transition = "left .2s"
-                this.sidebarOpen = true
                 this.$("#homeContainer").style.left = `${oneThird * 2}px`
+                this.sidebarOpen = true
             }
 
             this.$("#homeContainer").style.transition = ""

src/apps/Announcements/Announcements.js

@@ -30,6 +30,8 @@ css(`
 `)
 
 class Announcements extends Shadow {
+    announcements;
+
     constructor() {
         super()
         this.announcements = global.currentNetwork.data.announcements.sort((a, b) => new Date(b.created) - new Date(a.created));

src/components/Sidebar.js

@@ -59,8 +59,8 @@ class Sidebar extends Shadow {
         .gap(1, em)
         .paddingTop(15, vh)
         .paddingHorizontal(1, em)
-        .height(window.visualViewport.height - 20, px)
-        .top(20, px)
+        .height(105, vh)
+        .top(-5, vh)
         .minWidth(0)
         .boxSizing("border-box")
         .width((window.outerWidth / 3) * 2, px)