Commit 1de0ea28 authored by Koen Punt's avatar Koen Punt

added bg for transparent images

added width and height below images in diff
parent 4c6c2485
app/assets/images/trans_bg.gif

58 Bytes

...@@ -133,9 +133,12 @@ ...@@ -133,9 +133,12 @@
.image { .image {
display: inline-block; display: inline-block;
margin:50px; margin:50px;
padding:1px;
max-width:400px; max-width:400px;
img{
background: url('trans_bg.gif');
}
&.diff_removed { &.diff_removed {
img{ img{
border: 1px solid #C00; border: 1px solid #C00;
......
...@@ -7,4 +7,19 @@ ...@@ -7,4 +7,19 @@
:javascript :javascript
$(function(){ $(function(){
PerLineNotes.init(); 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));
});
}); });
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment