Merge branch 'fix-scrollbar'

src/app/dashboard/dashboard.component.scss

@@ -5,7 +5,6 @@
 @import "../../assets/scss/mixins/layout.scss";
 
 @mixin set-tfw-web($layouts-key) {
-
   .tfw-web {
     .iframe-container {
       display: flex;
@@ -22,26 +21,6 @@
   }
 }
 
-@mixin set-scrollbar-style() {
-
-  ::-webkit-scrollbar-track
-  {
-    background-color: #F5F5F5;
-  }
-
-  ::-webkit-scrollbar
-  {
-    width: 4px;
-    background-color: #F5F5F5;
-  }
-
-  ::-webkit-scrollbar-thumb
-  {
-    background-color: gray;
-  }
-
-}
-
 .tfw-grid-main-components {
   display: grid;
   width: 100vw;
@@ -53,7 +32,6 @@
 
   .tfw-header,
   .tfw-messages {
-
     // Check whether the layout contains a web component
     div[class*="web"] & {
       border: 2px solid $tao-gray-100;
@@ -78,32 +56,26 @@
     div[class="terminal-ide-web"] & {
       max-height: 55vmin;
     }
-
-    @include set-scrollbar-style();
-
   }
 
   .tfw-ide {
     background-color: $tao-plum-900;
-    @include set-scrollbar-style();
   }
 
   .tfw-sidebar {
-    background-color: $tao-gray-100;
+    background-color: $tao-gray-50;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding-top: 5vh;
     align-items: center;
-    box-shadow: -15px -5px 19px -11px rgba(0,0,0,0.75);
+    border-left: 1px solid $tao-gray-400;
     z-index: 999;
   }
 
   .tfw-terminal {
     overflow-y: hidden;
     background-color: $tao-gray-800;
-    @include set-scrollbar-style();
-
 
     div[class*="web"] & {
       border-top: 1px solid $tao-plum-100;

src/app/messages/messages.component.scss

@@ -4,21 +4,17 @@
 @import "../../assets/scss/variables.scss";
 
 .tfw-messages-main {
-
-
   .tfw-grid-messages-header {
     display: grid;
     grid-template-columns: 1fr 1fr;
     margin-bottom: $small;
 
-
     span {
       color: $tao-blue-500;
       font-weight: 500;
       font-size: $font-size-h3;
     }
   }
-
 }
 
 .tfw-grid-message {
@@ -52,6 +48,4 @@
     font-size: $font-size-tiny;
     opacity: 0.37;
   }
-
 }
-

src/app/sidebar/sidebar.component.scss

@@ -5,7 +5,6 @@
 @import "../../assets/scss/mixins/layout.scss";
 
 .tfw-ide-pin {
-
   button {
     background-color: white;
     width: 50px;
@@ -31,6 +30,5 @@
       outline: none;
       width: 48px;
     }
-
   }
 }

src/assets/scss/_main.scss

@@ -5,9 +5,8 @@
   'variables',
   'grid';
 
+@import
+  'mixins/scrollbar';
+
 @import
   'shared/buttons';
-
-
-
-

src/assets/scss/mixins/_scrollbar.scss

@@ -0,0 +1,17 @@
+@mixin set-scrollbar-style() {
+  ::-webkit-scrollbar-track
+  {
+    background-color: #F5F5F5;
+  }
+
+  ::-webkit-scrollbar
+  {
+    width: 4px;
+    background-color: #F5F5F5;
+  }
+
+  ::-webkit-scrollbar-thumb
+  {
+    background-color: gray;
+  }
+}