Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Give hovered images/videos a default height.

Browse Source 
This resolves an issue where the image may initially load off-page
and have to be re-positioned.
This commit is contained in:
Zixaphir 2015-01-16 14:51:32 -07:00
parent ab0b2fb989
commit d927e4eaf1
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
builds/appchan-x.user.js
View File

@ -12100,6 +12100,8 @@
scale = Math.min(1, maxWidth / width, maxHeight / height); scale = Math.min(1, maxWidth / width, maxHeight / height);
el.style.maxWidth = "" + (scale * width) + "px"; el.style.maxWidth = "" + (scale * width) + "px";
el.style.maxHeight = "" + (scale * height) + "px"; el.style.maxHeight = "" + (scale * height) + "px";
el.style.width = "" + width + "px";
el.style.height = "" + height + "px";
return UI.hover({ return UI.hover({
root: this, root: this,
el: el, el: el,

2
builds/crx/script.js
View File

@ -12123,6 +12123,8 @@
scale = Math.min(1, maxWidth / width, maxHeight / height); scale = Math.min(1, maxWidth / width, maxHeight / height);
el.style.maxWidth = "" + (scale * width) + "px"; el.style.maxWidth = "" + (scale * width) + "px";
el.style.maxHeight = "" + (scale * height) + "px"; el.style.maxHeight = "" + (scale * height) + "px";
el.style.width = "" + width + "px";
el.style.height = "" + height + "px";
return UI.hover({ return UI.hover({
root: this, root: this,
el: el, el: el,

4
src/Images/ImageHover.coffee
View File

@ -52,8 +52,10 @@ ImageHover =
maxWidth = Math.max left, doc.clientWidth - right maxWidth = Math.max left, doc.clientWidth - right
maxHeight = doc.clientHeight - 16 maxHeight = doc.clientHeight - 16
scale = Math.min 1, maxWidth / width, maxHeight / height scale = Math.min 1, maxWidth / width, maxHeight / height
el.style.maxWidth = "#{scale * width}px" el.style.maxWidth = "#{scale * width}px"
el.style.maxHeight = "#{scale * height}px" el.style.maxHeight = "#{scale * height}px"
el.style.width = "#{width}px"
el.style.height = "#{height}px"
UI.hover UI.hover
root: @ root: @
el: el el: el