From 8dc2b0ed5ed0f133d8f61391c616d29aa5135670 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Sat, 25 Jun 2022 12:04:35 +0800
Subject: [PATCH] Add right column

---
 src/backend/views/layout.twig   |  3 +++
 src/frontend/styles/layout.pcss | 28 ++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/backend/views/layout.twig b/src/backend/views/layout.twig
index 72d20fd..9ce4ae6 100644
--- a/src/backend/views/layout.twig
+++ b/src/backend/views/layout.twig
@@ -21,9 +21,12 @@
       {% include "components/sidebar.twig" %}
       
       <div class="docs__content">
+        
         <div class="docs__content-inner">
           {% block body %}{% endblock %}
         </div>
+
+        <aside class="docs__aside-right"></aside>
       </div>
     </div>
     <script src="/dist/main.bundle.js"></script>
diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss
index ca89c3f..22d3fac 100644
--- a/src/frontend/styles/layout.pcss
+++ b/src/frontend/styles/layout.pcss
@@ -18,6 +18,11 @@
     &-inner {
       max-width: var(--layout-width-main-col);
       margin: 0 auto;
+
+      @media (--desktop) {
+        margin-right: var(--layout-padding-horizontal);
+        margin-left: 0;
+      }
     }
   }
 
@@ -28,4 +33,27 @@
       padding: 20px var(--layout-padding-horizontal);
     }
   }
+
+  &__content {
+    --max-space-between-cols: 160px;
+
+    display: flex;
+    margin: 0 auto;
+    justify-content: space-between;
+    max-width: calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width));
+  }
+
+  &__aside-right {
+    /* tmp styles */
+    background: gray;
+    height: 100px;
+    
+    width: var(--layout-sidebar-width);
+    min-width: 160px;
+    display: none;
+
+    @media (--desktop) {
+      display: block;
+    }
+  }
 }