deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

added bg for transparent images

Browse source 
added width and height below images in diff
This commit is contained in:
Koen Punt 2012-11-21 18:25:32 +01:00
parent 4c6c24856c
commit 1de0ea28b9
3 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/trans_bg.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 B

5
app/assets/stylesheets/sections/commits.scss
View file

@ -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;

15
app/views/commit/show.html.haml
View file

@ -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));
});
});