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.

diff --git a/app/assets/stylesheets/highlight/dark.scss b/app/assets/stylesheets/highlight/dark.scss
index 4196ea7..02c5d72 100644 (file)
--- 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 6d8f740..4e039d9 100644 (file)
--- 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 3f215b4..a589185 100644 (file)
--- 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 f200e1d..04989f7 100644 (file)
--- 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;
   }