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)