✨ New rules styles, resize pages

frontend/resources/styles/main/partials/sidebar-sitemap.scss

@@ -5,8 +5,8 @@
 // Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
 // Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
 
-.sitemap {
-  flex: none !important;
+#sitemap {
+  height: var(--height, 200px);
 
   .element-list {
     li {
@@ -118,6 +118,15 @@
       }
     }
   }
+
+  & .resize-area {
+    position: absolute;
+    width: 100%;
+    height: 16px;
+    bottom: -8px;
+    left: 0;
+    cursor: ns-resize;
+  }
 }
 
 .add-page,

frontend/resources/styles/main/partials/sidebar.scss

@@ -13,6 +13,27 @@
   &.settings-bar-left {
     border-left: none;
     border-right: 1px solid $color-gray-60;
+
+    & .tab-container-tabs {
+      padding-left: 1.5rem;
+    }
+
+    & button.collapse-sidebar {
+      background: none;
+      border: none;
+      cursor: pointer;
+      height: 2.5rem;
+      padding-top: 0.75rem;
+      position: absolute;
+      width: 1rem;
+
+      & svg {
+        width: 12px;
+        height: 12px;
+        fill: $color-gray-20;
+        transform: rotate(180deg);
+      }
+    }
   }
 
   .settings-bar-inside {
@@ -59,7 +80,6 @@
       flex: 1;
       width: 100%;
       height: 100%;
-      overflow: hidden;
 
       .tool-window-bar {
         align-items: center;
@@ -148,7 +168,7 @@
     }
   }
 
-  & .resize-area {
+  & > .resize-area {
     position: absolute;
     width: 8px;
     height: 100%;
@@ -156,11 +176,11 @@
     cursor: ew-resize;
   }
 
-  &.settings-bar-left .resize-area {
+  &.settings-bar-left > .resize-area {
     right: -8px;
   }
 
-  &.settings-bar-right .resize-area {
+  &.settings-bar-right > .resize-area {
     left: -8px;
   }
 }

frontend/resources/styles/main/partials/tab-container.scss

@@ -32,10 +32,6 @@
 
 .tab-container-content {
   flex: 1;
-  height: 100%;
-  max-height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 
 .tab-element,