From 54d881642d72a4a84c8dabb86aaee842c0b1928f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Fri, 8 Mar 2024 10:09:29 +0100
Subject: [PATCH] listpage, editor

---
 .../homebrew/brewRenderer/brewRenderer.less   |  4 +---
 client/homebrew/homebrew.less                 | 11 +++++++++++
 shared/naturalcrit/codeEditor/codeEditor.less | 19 ++++++++++++++++++-
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/client/homebrew/brewRenderer/brewRenderer.less b/client/homebrew/brewRenderer/brewRenderer.less
index d0551747c..ee66945f4 100644
--- a/client/homebrew/brewRenderer/brewRenderer.less
+++ b/client/homebrew/brewRenderer/brewRenderer.less
@@ -17,14 +17,12 @@
 
 	&::-webkit-scrollbar {
 		width: 20px;
-		z-index: 2;
 
 	}
 
 	&::-webkit-scrollbar-thumb {
 		width:20px;
-		background-color: #d3c1af;
-		border-right: 7px solid #2C3E50;
+		background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
 	}
 
 }
diff --git a/client/homebrew/homebrew.less b/client/homebrew/homebrew.less
index f4834a25c..4e282ecaf 100644
--- a/client/homebrew/homebrew.less
+++ b/client/homebrew/homebrew.less
@@ -15,6 +15,17 @@
 		}
 		&.listPage .content {
 			overflow-y : scroll;
+
+			&::-webkit-scrollbar {
+				width: 20px;
+				z-index: 2;
+		
+			}
+		
+			&::-webkit-scrollbar-thumb {
+				width:20px;
+				background: linear-gradient(90deg, #d3c1af 15px, #00000000 15px);
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/shared/naturalcrit/codeEditor/codeEditor.less b/shared/naturalcrit/codeEditor/codeEditor.less
index 80af543d9..2568d0725 100644
--- a/shared/naturalcrit/codeEditor/codeEditor.less
+++ b/shared/naturalcrit/codeEditor/codeEditor.less
@@ -17,13 +17,30 @@
     text-shadow: none;
     font-weight: 600;
     color: grey;
-}
+  }
 
   .sourceMoveFlash .CodeMirror-line{
     animation-name: sourceMoveAnimation;
     animation-duration: 0.4s;
   }
 
+  .CodeMirror-sizer {
+    padding-right: 0 !important;
+    //this setting must be !important, because CodeMirror sets it inline. Achieves overlay scrollbar
+  }
+
+  .CodeMirror-vscrollbar {
+
+    &::-webkit-scrollbar {
+      width: 20px;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      width: 20px;
+      background: linear-gradient(90deg, #85858599 15px, #80808000 15px);
+    }
+  }
+
   //.cm-tab {
   //  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAQAAACOs/baAAAARUlEQVR4nGJgIAG8JkXxUAcCtDWemcGR1lY4MvgzCEKY7jSBjgxBDAG09UEQzAe0AMwMHrSOAwEGRtpaMIwAAAAA//8DAG4ID9EKs6YqAAAAAElFTkSuQmCC) no-repeat right;
   //}