Issue 3941: Code preview dark doesn't display correctly with long lines

Assigning the background color to the pre tag did not work correctly. Moved background color to the highlight class which fixes the problem.

4 files changed, 12 insertions, 4 deletions

diff --git a/app/assets/stylesheets/highlight/dark.scss b/app/assets/stylesheets/highlight/dark.scss
index 4196ea7ad29..02c5d72621c 100644
--- a/app/assets/stylesheets/highlight/dark.scss
+++ b/app/assets/stylesheets/highlight/dark.scss
@@ -1,6 +1,8 @@
 .black .highlight {
+
+  background-color: #333;
+
   pre {
-    background-color: #333;
     color: #eee;
   }
 
diff --git a/app/assets/stylesheets/highlight/monokai.scss b/app/assets/stylesheets/highlight/monokai.scss
index 6d8f740fc09..4e039d94348 100644
--- a/app/assets/stylesheets/highlight/monokai.scss
+++ b/app/assets/stylesheets/highlight/monokai.scss
@@ -8,8 +8,10 @@ $monokai-dark: #3b3a32;
 $monokai-purple: #ae81ff;
 
 .monokai .highlight {
+
+  background-color: #272822;
+
   pre {
-    background-color: #272822;
     color: $monokai-fg;
   }
 
diff --git a/app/assets/stylesheets/highlight/solarized_dark.scss b/app/assets/stylesheets/highlight/solarized_dark.scss
index 3f215b4e0fe..a58918519a3 100644
--- a/app/assets/stylesheets/highlight/solarized_dark.scss
+++ b/app/assets/stylesheets/highlight/solarized_dark.scss
@@ -1,6 +1,8 @@
 .solarized-dark .highlight {
+  
+  background-color: #002B36;
+  
   pre {
-    background-color: #002B36;
     color: #eee;
   }
 
diff --git a/app/assets/stylesheets/highlight/white.scss b/app/assets/stylesheets/highlight/white.scss
index f200e1d7b60..04989f7dfb4 100644
--- a/app/assets/stylesheets/highlight/white.scss
+++ b/app/assets/stylesheets/highlight/white.scss
@@ -1,6 +1,8 @@
 .white .highlight {
+  
+  background-color: #fff;
+  
   pre {
-    background-color: #fff;
     color: #333;
   }