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.

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.
Drew Blessing
1 parent a0ab5e43
Showing 4 changed files with 12 additions and 4 deletions Show diff stats
app/assets/stylesheets/highlight/dark.scss
app/assets/stylesheets/highlight/monokai.scss
app/assets/stylesheets/highlight/solarized_dark.scss
app/assets/stylesheets/highlight/white.scss
 .black .highlight {
+
+  background-color: #333;
+
   pre {
-    background-color: #333;
     color: #eee;
   }
  
@@ -8,8 +8,10 @@ $monokai-dark: #3b3a32;
 $monokai-purple: #ae81ff;
  
 .monokai .highlight {
+
+  background-color: #272822;
+
   pre {
-    background-color: #272822;
     color: $monokai-fg;
   }
  
 .solarized-dark .highlight {
+  
+  background-color: #002B36;
+  
   pre {
-    background-color: #002B36;
     color: #eee;
   }
  
 .white .highlight {
+  
+  background-color: #fff;
+  
   pre {
-    background-color: #fff;
     color: #333;
   }
1	1	.black .highlight {
	2	+
	3	+ background-color: #333;
	4	+
2	5	pre {
3		- background-color: #333;
4	6	color: #eee;
5	7	}
6	8
...	...
...	...	@@ -8,8 +8,10 @@ $monokai-dark: #3b3a32;
8	8	$monokai-purple: #ae81ff;
9	9
10	10	.monokai .highlight {
	11	+
	12	+ background-color: #272822;
	13	+
11	14	pre {
12		- background-color: #272822;
13	15	color: $monokai-fg;
14	16	}
15	17
...	...
1	1	.solarized-dark .highlight {
	2	+
	3	+ background-color: #002B36;
	4	+
2	5	pre {
3		- background-color: #002B36;
4	6	color: #eee;
5	7	}
6	8
...	...
1	1	.white .highlight {
	2	+
	3	+ background-color: #fff;
	4	+
2	5	pre {
3		- background-color: #fff;
4	6	color: #333;
5	7	}
6	8
...	...