renderer: Compensate for Chrome’s removal of overflow: overlay.

andersk · andersk · commit 9810d69c3be8 · 2023-09-13T22:47:15.000-07:00
Signed-off-by: Anders Kaseorg &lt;anders@zulip.com&gt;
diff --git a/app/renderer/css/main.css b/app/renderer/css/main.css
@@ -44,6 +44,7 @@ body {
 
 #view-controls-container {
   height: calc(100% - 208px);
+  scrollbar-gutter: stable both-edges;
   overflow-y: hidden;
 }
 
@@ -52,16 +53,15 @@ body {
 }
 
 #view-controls-container::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
+  background-color: rgb(0 0 0 / 30%);
 }
 
 #view-controls-container::-webkit-scrollbar-thumb {
   background-color: rgb(169 169 169 / 100%);
-  outline: 1px solid rgb(169 169 169 / 100%);
 }
 
 #view-controls-container:hover {
-  overflow-y: overlay;
+  overflow-y: scroll;
 }
 
 /*******************

Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,7 @@ body {`
`44`	`44`
`45`	`45`	`#view-controls-container {`
`46`	`46`	`height: calc(100% - 208px);`
	`47`	`+ scrollbar-gutter: stable both-edges;`
`47`	`48`	`overflow-y: hidden;`
`48`	`49`	`}`
`49`	`50`
`@@ -52,16 +53,15 @@ body {`
`52`	`53`	`}`
`53`	`54`
`54`	`55`	`#view-controls-container::-webkit-scrollbar-track {`
`55`		`- box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);`
	`56`	`+ background-color: rgb(0 0 0 / 30%);`
`56`	`57`	`}`
`57`	`58`
`58`	`59`	`#view-controls-container::-webkit-scrollbar-thumb {`
`59`	`60`	`background-color: rgb(169 169 169 / 100%);`
`60`		`- outline: 1px solid rgb(169 169 169 / 100%);`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`#view-controls-container:hover {`
`64`		`- overflow-y: overlay;`
	`64`	`+ overflow-y: scroll;`
`65`	`65`	`}`
`66`	`66`
`67`	`67`	`/*******************`