Rename dropdown to drawer and redo toggle mechanism

resources/css/main.scss

@@ -85,16 +85,18 @@ a {
   }
 }
 
-.dropdown {
+#drawer {
   position: fixed;
+  top: 0;
+  right: 0;
   z-index: 2;
   background: variables.$cg_drawer;
-  width: 100%;
+  width: 0;
   height: 90vh;
-  -webkit-animation: drawer-open 550ms;
-  animation: drawer-open 550ms;
+  display: flex;
   flex-direction: column;
   align-items: center;
+  transition: width 500ms;
 
   .dropdown-nav-item {
     position: relative;
@@ -132,6 +134,12 @@ a {
     }
   }
 
+  &.expanded {
+    width: 100%;
+    top: unset;
+    bottom: 0;
+  }
+
   @include mixins.header_overflow2 {
     height: calc(100vh - 45px);
   }
@@ -258,6 +266,10 @@ a {
   @include mixins.header_overflow2 {
     min-height: calc(100vh - 45px);
   }
+
+  &.hidden {
+    display: none;
+  }
 }
 
 #content {