From 1c6f12c210eb958c81113dc7262e7c18663f3743 Mon Sep 17 00:00:00 2001
From: metacryst <samrussell99@gmail.com>
Date: Fri, 20 Mar 2026 17:16:05 -0500
Subject: [PATCH] preliminary sidebar fixes

---
 src/Home/Home.js                        | 8 +-------
 src/apps/Announcements/Announcements.js | 2 ++
 src/components/Sidebar.js               | 4 ++--
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/Home/Home.js b/src/Home/Home.js
index fdd1017..9b99b8d 100644
--- a/src/Home/Home.js
+++ b/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 = ""
diff --git a/src/apps/Announcements/Announcements.js b/src/apps/Announcements/Announcements.js
index 993e998..d609aa4 100644
--- a/src/apps/Announcements/Announcements.js
+++ b/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));
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 36699a0..da67df7 100644
--- a/src/components/Sidebar.js
+++ b/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)