wamo/Qvitter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gif-badge on gif-animations

Browse Source
This commit is contained in:
Hannes Mannerheim 2016-01-10 18:14:34 +01:00
parent aaf93bce01
commit 74950a5325
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/qvitter.css
View File

@ -2145,6 +2145,30 @@ body.rtl .queet.rtl .expanded-content {
position:relative;
}
.stream-item:not(.expanded) .queet .queet-thumbs.thumb-num-1 .thumb-container.animated-gif:after,
.queet .queet-thumbs:not(.thumb-num-1) .thumb-container.animated-gif:after,
.modal-content .queet .thumb-container.animated-gif:after {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 3px;
bottom: 0;
color: rgba(255, 255, 255, 0.9);
content: "GIF";
display: block;
font-size: 12px;
font-weight: bold;
height: 20px;
left: 0;
line-height: 20px;
margin-bottom: 6px;
margin-left: 6px;
position: absolute;
text-align: center;
width: 30px;
z-index: 1;
}
.queet .queet-thumbs.thumb-num-1 .thumb-container.no-cover .attachment-thumb {
min-height:0;
}

7
js/dom-functions.js
View File

@ -2134,6 +2134,11 @@ function buildAttachmentHTML(attachments){
youTubeClass = ' youtube';
}
// gif-class
var animatedGifClass = '';
if(typeof this.animated != 'undefined' && this.animated === true) {
var animatedGifClass = ' animated-gif';
}
// animated gifs always get default small non-animated thumbnail
if(this.animated === true) {
@ -2156,7 +2161,7 @@ function buildAttachmentHTML(attachments){
var img_url = this.thumb_url;
}
attachment_html = attachment_html + '<a style="background-image:url(\'' + img_url + '\')" class="thumb-container' + noCoverClass + playButtonClass + youTubeClass + '" href="' + this.url + '"><img class="attachment-thumb" data-mime-type="' + this.mimetype + '" src="' + img_url + '"/ data-width="' + this.width + '" data-height="' + this.height + '" data-full-image-url="' + this.url + '" data-thumb-url="' + img_url + '"></a>';
attachment_html = attachment_html + '<a style="background-image:url(\'' + img_url + '\')" class="thumb-container' + noCoverClass + playButtonClass + youTubeClass + animatedGifClass + '" href="' + this.url + '"><img class="attachment-thumb" data-mime-type="' + this.mimetype + '" src="' + img_url + '"/ data-width="' + this.width + '" data-height="' + this.height + '" data-full-image-url="' + this.url + '" data-thumb-url="' + img_url + '"></a>';
urlsToHide.push(window.siteInstanceURL + 'attachment/' + this.id); // hide this attachment url from the queet text
attachmentNum++;
}