Merge pull request #5630 from SimonBrandner/tweak-codeblock-colors

jryans · web-flow · commit a87e63766620 · 2021-02-11T12:41:12.000Z
Fix codeblock scrollbar colors
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -532,7 +532,7 @@ $left-gutter: 64px;
     visibility: hidden;
     cursor: pointer;
     top: 6px;
-    right: 6px;
+    right: 12px;
     width: 19px;
     height: 19px;
     background-color: $message-action-bar-fg-color;
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
@@ -258,6 +258,7 @@ $composer-shadow-color: rgba(0, 0, 0, 0.28);
 // markdown overrides:
 .mx_EventTile_content .markdown-body pre:hover {
     border-color: #808080 !important; // inverted due to rules below
+    scrollbar-color: rgba(0, 0, 0, 0.2) transparent; // copied from light theme due to inversion below
 }
 .mx_EventTile_content .markdown-body {
     pre, code {

Original file line number	Diff line number	Diff line change
`@@ -258,6 +258,7 @@ $composer-shadow-color: rgba(0, 0, 0, 0.28);`
`258`	`258`	`// markdown overrides:`
`259`	`259`	`.mx_EventTile_content .markdown-body pre:hover {`
`260`	`260`	`border-color: #808080 !important; // inverted due to rules below`
	`261`	`+ scrollbar-color: rgba(0, 0, 0, 0.2) transparent; // copied from light theme due to inversion below`
`261`	`262`	`}`
`262`	`263`	`.mx_EventTile_content .markdown-body {`
`263`	`264`	`pre, code {`