From 1de0ea28b957068bff7d5a5eaac82956b7529560 Mon Sep 17 00:00:00 2001
From: Koen Punt <koen@koenpunt.nl>
Date: Wed, 21 Nov 2012 18:25:32 +0100
Subject: [PATCH] added bg for transparent images added width and height below
 images in diff

---
 app/assets/images/trans_bg.gif               | Bin 0 -> 58 bytes
 app/assets/stylesheets/sections/commits.scss |   5 ++++-
 app/views/commit/show.html.haml              |  15 +++++++++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/images/trans_bg.gif

diff --git a/app/assets/images/trans_bg.gif b/app/assets/images/trans_bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c7e98e044f578204f9c1ebdefcb05f4b2baaea32
GIT binary patch
literal 58
zcmZ?wbhEHb<YM4rXkcJ?`t<4l|Nj+#vM_*v4u}BBFfa+W$j)q+;<=M7bjoY))yUlQ
HA`I35>QxZ@

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/sections/commits.scss b/app/assets/stylesheets/sections/commits.scss
index 440bfed7b58..9cce5bd0389 100644
--- a/app/assets/stylesheets/sections/commits.scss
+++ b/app/assets/stylesheets/sections/commits.scss
@@ -133,9 +133,12 @@
     .image {
       display: inline-block;
       margin:50px;
-      padding:1px;
       max-width:400px;
 
+      img{
+        background: url('trans_bg.gif');
+      }
+
       &.diff_removed {
         img{
           border: 1px solid #C00;
diff --git a/app/views/commit/show.html.haml b/app/views/commit/show.html.haml
index d12fff96835..432d55b19e3 100644
--- a/app/views/commit/show.html.haml
+++ b/app/views/commit/show.html.haml
@@ -7,4 +7,19 @@
 :javascript
   $(function(){
     PerLineNotes.init();
+    var w, h;
+    $('.diff_file').each(function(){
+      $('.image.diff_removed img', this).on('load', $.proxy(function(event){
+        var w = event.currentTarget.naturalWidth
+          , h = event.currentTarget.naturalHeight;
+        $('.image.diff_removed .image-info', this).append(' | <b>W:</b> ' + w + 'px | <b>H:</b> ' + h + 'px');
+      }, this));
+      $('.image.diff_added img', this).on('load', $.proxy(function(event){
+        var w = event.currentTarget.naturalWidth
+          , h = event.currentTarget.naturalHeight;
+        $('.image.diff_added .image-info', this).append(' | <b>W:</b> ' + w + 'px | <b>H:</b> ' + h + 'px');
+      }, this));
+      
+    });
+    
   });