Fix gradients and size of "empty" added/removed blocks

diff --git a/chora/app/views/diff/added.html.php b/chora/app/views/diff/added.html.php
index 368fcb9..6180f9c 100644 (file)
--- a/chora/app/views/diff/added.html.php
+++ b/chora/app/views/diff/added.html.php
@@ -1,4 +1,4 @@
-<div class="diff-container">
- <div class="diff-left diff-added-empty">&nbsp;</div>
+<div class="diff-container diff-added-empty">
+ <div class="diff-left"></div>
  <div class="diff-right diff-added"><pre><?php foreach ($lines as $l) echo $this->escape($l) . '<br>' ?></pre></div>
 </div>

diff --git a/chora/app/views/diff/removed.html.php b/chora/app/views/diff/removed.html.php
index c62e95f..f8090ef 100644 (file)
--- a/chora/app/views/diff/removed.html.php
+++ b/chora/app/views/diff/removed.html.php
@@ -1,4 +1,4 @@
-<div class="diff-container">
+<div class="diff-container diff-removed-empty">
  <div class="diff-left diff-removed"><pre><?php foreach ($lines as $l) echo $this->escape($l) . '<br>' ?></pre></div>
- <div class="diff-right diff-removed-empty">&nbsp;</div>
+ <div class="diff-right"></div>
 </div>

diff --git a/chora/themes/screen.css b/chora/themes/screen.css
index 6fb17aa..cbbd1b9 100644 (file)
--- a/chora/themes/screen.css
+++ b/chora/themes/screen.css
@@ -262,8 +262,8 @@ div.diff-right {
 }
 .diff-added-empty {
     background: #efe;
-    background: -webkit-gradient(linear, left top, right top, from(#efe), to(#cfc));
-    background: -moz-linear-gradient(left top, #efe, #cfc);
+    background: -webkit-gradient(linear, left top, right top, from(#efe), to(#cfc), color-stop(0.5, #cfc));
+    background: -moz-linear-gradient(left top, #efe, #cfc 50%);
 }
 .diff-modified {
     background: #def;
@@ -273,8 +273,8 @@ div.diff-right {
 }
 .diff-removed-empty {
     background: #fee;
-    background: -webkit-gradient(linear, left top, right top, from(#fcc), to(#fee));
-    background: -moz-linear-gradient(left top, #fcc, #fee);
+    background: -webkit-gradient(linear, right top, left top, from(#fee), to(#fcc), color-stop(0.5, #fcc));
+    background: -moz-linear-gradient(right top, #fee, #fcc 50%);
 }
 
 .diff-caption {