From 1de0ea28b957068bff7d5a5eaac82956b7529560 Mon Sep 17 00:00:00 2001 From: Koen Punt 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?wbhEHbQxZ@ literal 0 HcmV?d00001 diff --git a/app/assets/stylesheets/sections/commits.scss b/app/assets/stylesheets/sections/commits.scss index 440bfed7..9cce5bd0 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 d12fff96..432d55b1 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(' | W: ' + w + 'px | H: ' + 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(' | W: ' + w + 'px | H: ' + h + 'px'); + }, this)); + + }); + });