Update Angular files from source repository

WebArtWork · Jan 28, 2025 · 7eebd75 · 7eebd75
1 parent 1fb113a
commit 7eebd75
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 20 deletions.
diff --git a/src/app/pages/guest/document/document.component.html b/src/app/pages/guest/document/document.component.html
@@ -4,6 +4,19 @@
             <div class="burger-wrap" class="burger-wrap"  (click)="toggleMenu()">
                 <div class="burger" [class.burger--close]="isMenuOpen"></div>
             </div> 
+            <div class="documents-sidebar" [class.documents-sidebar--open]="isMenuOpen">
+                <div class="documents-sidebar-content">
+                    <div class="documents-sidebar__img">
+                        <img src="assets/default.png" alt="">
+                    </div>
+                    <div class="documents-sidebar__title">
+                        Title of sidebar...
+                    </div>
+                    <div class="documents-sidebar__description">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint molestiae consequatur quae. Modi corporis rem amet tempore debitis assumenda minima repellat labore expedita quam. Itaque accusamus culpa ullam necessitatibus nisi.
+                    </div>
+                </div>
+            </div>
             <div class="documents-main">
                 <div class="documents-main-content">
                     <div class="documents-main-row">
@@ -146,19 +159,7 @@
                     </div>
                 </div>
             </div>
-            <div class="documents-sidebar" [class.documents-sidebar--open]="isMenuOpen">
-                <div class="documents-sidebar-content">
-                    <div class="documents-sidebar__img">
-                        <img src="assets/default.png" alt="">
-                    </div>
-                    <div class="documents-sidebar__title">
-                        Title of sidebar...
-                    </div>
-                    <div class="documents-sidebar__description">
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint molestiae consequatur quae. Modi corporis rem amet tempore debitis assumenda minima repellat labore expedita quam. Itaque accusamus culpa ullam necessitatibus nisi.
-                    </div>
-                </div>
-            </div>
+
         </div>
     </div>
 </div>

diff --git a/src/scss/layout/_base.scss b/src/scss/layout/_base.scss
@@ -255,11 +255,10 @@ wform {
     height: 27px;
     position: relative;
 }
-
 .burger {
     height: 5px;
     width: 100%;
-    background-color: rgb(255, 255, 255);
+    background-color: var(--c-text-primary);
     transition: all .3s;
 }
 
@@ -269,7 +268,7 @@ wform {
     width: 100%;
     height: 5px;
     display: block;
-    background-color: rgb(255, 255, 255);
+    background-color: var(--c-text-primary);
     transition: all .3s;
     position: absolute;
     left: 0;
@@ -292,6 +291,7 @@ wform {
         background: var(--c-bg-primary);
         color: #fff;
         position: relative;
+        /*
         &--open{
             overflow-y: unset;
             &::before{
@@ -304,6 +304,7 @@ wform {
                 left: 0;
             }
         }
+        */
     }
     &-container{
         max-width: 1260px;
@@ -318,6 +319,7 @@ wform {
     }
     &-main{
         flex: 1 0;
+        padding-left: 280px;
         &-content{
             padding: 15px;
         }
@@ -332,10 +334,10 @@ wform {
         flex: 0 0 280px;
         max-width: 280px;
         background: var(--c-bg-secondary);
-        height: calc(100vh - 10px);
+        height: calc(100vh - 100px);
         border-radius: 12px;
-        position: sticky;
-        top: 0;
+        position: fixed;
+        top: 80px;
         &-content{
             padding: 15px;
             height: 100%;
@@ -462,6 +464,10 @@ wform {
         flex: 0 0 240px;
         max-width: 240px;
     }
+    .documents-main {
+        flex: 1 0;
+        padding-left: 236px;
+    }
 }
 @media screen and (max-width: 991px) {
     .documents-sidebar {
@@ -479,12 +485,15 @@ wform {
             height: calc(100% - 25px);
         }
     }
+    .documents-main {
+        padding-left: 0;
+    }
     .burger-wrap {
         display: flex;
         align-items: center;
         position: fixed;
         z-index: 3;
-        right: 40px;
+        left: 15px;
         transform: translateX(50%);
         top: 35px;
     }