harmacist/vichan
1
0
Fork 0
forked from GithubBackups/vichan
Code Pull Requests Activity

Fix thumbnail overlapping on external preview

Browse Source 
Fix the occasional thumbnail and filename overlap by truncating longer
filenames and set file container width according to thumbnail width.
This commit is contained in:
marktaiwan 2015-01-23 14:08:52 +08:00
parent 987dc2c8af
commit dc1cd65e11
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/post-hover.js
View File

@ -217,6 +217,12 @@ onready(function(){
} else {
thumb_url = (this.isSpoiler) ? '/static/spoiler.png' : '/static/file.png';
}
// truncate long filenames
if (this.filename.length > 23) {
this.filename = this.filename.substr(0, 22) + '…';
}
// file infos
var $ele = $('<div class="file">')
.append($('<p class="fileinfo">')
@ -224,7 +230,7 @@ onready(function(){
.append('<a>'+ this.filename + file_ext +'</a>')
.append('<span class="unimportant"> ('+ bytesToSize(this.fsize) +', '+ this.w +'x'+ this.h +')</span>')
);
if (multifile) $ele.addClass('multifile').css('max-width', '200px');
if (multifile) $ele.addClass('multifile').css('width', this.thumb_w + 30);
// image
var $img = $('<img class="post-image">')