Release 4chan X v1.13.0.2.

CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## v1.13.0
 
+**v1.13.0.2** *(2016-10-01)* - [[Userscript](https://raw.githubusercontent.com/ccd0/4chan-x/1.13.0.2/builds/4chan-X-noupdate.user.js)] [[Chrome extension](https://raw.githubusercontent.com/ccd0/4chan-x/1.13.0.2/builds/4chan-X-noupdate.crx)]
+- Party hat CSS tweaks.
+
 **v1.13.0.1** *(2016-10-01)* - [[Userscript](https://raw.githubusercontent.com/ccd0/4chan-x/1.13.0.1/builds/4chan-X-noupdate.user.js)] [[Chrome extension](https://raw.githubusercontent.com/ccd0/4chan-x/1.13.0.1/builds/4chan-X-noupdate.crx)]
 - Merge v1.12.3.5: Fix cooldowns.
 - Merge v1.12.3.5: Fix party hat alignment when Thread Hiding Buttons are enabled.

builds/4chan-X-beta.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.13.0.1
+// @version      1.13.0.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X-beta.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.13.0.1
+// @version      1.13.0.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -136,7 +136,7 @@ docSet = function() {
 };
 
 g = {
-  VERSION:   '1.13.0.1',
+  VERSION:   '1.13.0.2',
   NAMESPACE: '4chan X.',
   boards:    {}
 };
@@ -1901,6 +1901,9 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   width: 270px;\n\
   height: 410px;\n\
 }\n\
+:root.catalog-hover-expand .catalog-thread:hover {\n\
+  z-index: 1;\n\
+}\n\
 .catalog-container {\n\
   position: absolute;\n\
   top: -4px;\n\
@@ -1912,9 +1915,6 @@ div[data-checked=\"false\"] > .suboption-list {\n\
 :root:not(.catalog-hover-expand) .catalog-container {\n\
   overflow: hidden;\n\
 }\n\
-:root.catalog-hover-expand .catalog-container:hover {\n\
-  z-index: 1;\n\
-}\n\
 .catalog-post {\n\
   position: absolute;\n\
   top: 4px;\n\
@@ -2102,17 +2102,23 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   background-size: contain;\n\
 }\n\
 :root.hats-enabled .catalog-small > .catalog-thread::after {\n\
-  left: -10px;\n\
+  left: -8px;\n\
-  top: -65px;\n\
+  top: -59px;\n\
-  width: 100px;\n\
+  width: 96px;\n\
-  height: 100px;\n\
+  height: 96px;\n\
+}\n\
+:root.hats-enabled:not(.werkTyme) .catalog-small > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(67px - .3px * var(--tn-w));\n\
 }\n\
 :root.hats-enabled .catalog-large > .catalog-thread::after {\n\
   left: -15px;\n\
-  top: -105px;\n\
+  top: -98px;\n\
   width: 160px;\n\
   height: 160px;\n\
 }\n\
+:root.hats-enabled:not(.werkTyme) .catalog-large > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(110px - .5px * var(--tn-w));\n\
+}\n\
 /* Announcement Hiding */\n\
 :root.hide-announcement #globalMessage {\n\
   display: none;\n\
@@ -8101,8 +8107,9 @@ Build = (function() {
       return root;
     },
     catalogThread: function(thread, data, pageCount) {
-      var container, fileCount, gifIcon, imgClass, postCount, root, spoilerRange, src, staticPath;
+      var container, cssText, fileCount, gifIcon, imgClass, postCount, ratio, root, spoilerRange, src, staticPath, tn_h, tn_w;
       staticPath = Build.staticPath, gifIcon = Build.gifIcon;
+      tn_w = data.tn_w, tn_h = data.tn_h;
       if (data.spoiler && !Conf['Reveal Spoiler Thumbnails']) {
         src = staticPath + "spoiler";
         if (spoilerRange = Build.spoilerRange[thread.board]) {
@@ -8110,11 +8117,14 @@ Build = (function() {
         }
         src += '.png';
         imgClass = 'spoiler-file';
+        cssText = "--tn-w: 100; --tn-h: 100;";
       } else if (data.filedeleted) {
         src = staticPath + "filedeleted-res" + gifIcon;
         imgClass = 'deleted-file';
       } else if (thread.OP.file) {
         src = thread.OP.file.thumbURL;
+        ratio = 250 / Math.max(tn_w, tn_h);
+        cssText = "--tn-w: " + (tn_w * ratio) + "; --tn-h: " + (tn_h * ratio) + ";";
       } else {
         src = staticPath + "nofile.png";
         imgClass = 'no-file';
@@ -8135,6 +8145,7 @@ Build = (function() {
       if (!thread.OP.file) {
         $.addClass(root, 'noFile');
       }
+      root.style.cssText = cssText || '';
       return root;
     },
     catalogReply: function(thread, data) {

builds/4chan-X-noupdate.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.13.0.1
+// @version      1.13.0.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -136,7 +136,7 @@ docSet = function() {
 };
 
 g = {
-  VERSION:   '1.13.0.1',
+  VERSION:   '1.13.0.2',
   NAMESPACE: '4chan X.',
   boards:    {}
 };
@@ -1901,6 +1901,9 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   width: 270px;\n\
   height: 410px;\n\
 }\n\
+:root.catalog-hover-expand .catalog-thread:hover {\n\
+  z-index: 1;\n\
+}\n\
 .catalog-container {\n\
   position: absolute;\n\
   top: -4px;\n\
@@ -1912,9 +1915,6 @@ div[data-checked=\"false\"] > .suboption-list {\n\
 :root:not(.catalog-hover-expand) .catalog-container {\n\
   overflow: hidden;\n\
 }\n\
-:root.catalog-hover-expand .catalog-container:hover {\n\
-  z-index: 1;\n\
-}\n\
 .catalog-post {\n\
   position: absolute;\n\
   top: 4px;\n\
@@ -2102,17 +2102,23 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   background-size: contain;\n\
 }\n\
 :root.hats-enabled .catalog-small > .catalog-thread::after {\n\
-  left: -10px;\n\
+  left: -8px;\n\
-  top: -65px;\n\
+  top: -59px;\n\
-  width: 100px;\n\
+  width: 96px;\n\
-  height: 100px;\n\
+  height: 96px;\n\
+}\n\
+:root.hats-enabled:not(.werkTyme) .catalog-small > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(67px - .3px * var(--tn-w));\n\
 }\n\
 :root.hats-enabled .catalog-large > .catalog-thread::after {\n\
   left: -15px;\n\
-  top: -105px;\n\
+  top: -98px;\n\
   width: 160px;\n\
   height: 160px;\n\
 }\n\
+:root.hats-enabled:not(.werkTyme) .catalog-large > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(110px - .5px * var(--tn-w));\n\
+}\n\
 /* Announcement Hiding */\n\
 :root.hide-announcement #globalMessage {\n\
   display: none;\n\
@@ -8101,8 +8107,9 @@ Build = (function() {
       return root;
     },
     catalogThread: function(thread, data, pageCount) {
-      var container, fileCount, gifIcon, imgClass, postCount, root, spoilerRange, src, staticPath;
+      var container, cssText, fileCount, gifIcon, imgClass, postCount, ratio, root, spoilerRange, src, staticPath, tn_h, tn_w;
       staticPath = Build.staticPath, gifIcon = Build.gifIcon;
+      tn_w = data.tn_w, tn_h = data.tn_h;
       if (data.spoiler && !Conf['Reveal Spoiler Thumbnails']) {
         src = staticPath + "spoiler";
         if (spoilerRange = Build.spoilerRange[thread.board]) {
@@ -8110,11 +8117,14 @@ Build = (function() {
         }
         src += '.png';
         imgClass = 'spoiler-file';
+        cssText = "--tn-w: 100; --tn-h: 100;";
       } else if (data.filedeleted) {
         src = staticPath + "filedeleted-res" + gifIcon;
         imgClass = 'deleted-file';
       } else if (thread.OP.file) {
         src = thread.OP.file.thumbURL;
+        ratio = 250 / Math.max(tn_w, tn_h);
+        cssText = "--tn-w: " + (tn_w * ratio) + "; --tn-h: " + (tn_h * ratio) + ";";
       } else {
         src = staticPath + "nofile.png";
         imgClass = 'no-file';
@@ -8135,6 +8145,7 @@ Build = (function() {
       if (!thread.OP.file) {
         $.addClass(root, 'noFile');
       }
+      root.style.cssText = cssText || '';
       return root;
     },
     catalogReply: function(thread, data) {

builds/4chan-X.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.13.0.1
+// @version      1.13.0.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.13.0.1
+// @version      1.13.0.2
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -136,7 +136,7 @@ docSet = function() {
 };
 
 g = {
-  VERSION:   '1.13.0.1',
+  VERSION:   '1.13.0.2',
   NAMESPACE: '4chan X.',
   boards:    {}
 };
@@ -1901,6 +1901,9 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   width: 270px;\n\
   height: 410px;\n\
 }\n\
+:root.catalog-hover-expand .catalog-thread:hover {\n\
+  z-index: 1;\n\
+}\n\
 .catalog-container {\n\
   position: absolute;\n\
   top: -4px;\n\
@@ -1912,9 +1915,6 @@ div[data-checked=\"false\"] > .suboption-list {\n\
 :root:not(.catalog-hover-expand) .catalog-container {\n\
   overflow: hidden;\n\
 }\n\
-:root.catalog-hover-expand .catalog-container:hover {\n\
-  z-index: 1;\n\
-}\n\
 .catalog-post {\n\
   position: absolute;\n\
   top: 4px;\n\
@@ -2102,17 +2102,23 @@ div[data-checked=\"false\"] > .suboption-list {\n\
   background-size: contain;\n\
 }\n\
 :root.hats-enabled .catalog-small > .catalog-thread::after {\n\
-  left: -10px;\n\
+  left: -8px;\n\
-  top: -65px;\n\
+  top: -59px;\n\
-  width: 100px;\n\
+  width: 96px;\n\
-  height: 100px;\n\
+  height: 96px;\n\
+}\n\
+:root.hats-enabled:not(.werkTyme) .catalog-small > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(67px - .3px * var(--tn-w));\n\
 }\n\
 :root.hats-enabled .catalog-large > .catalog-thread::after {\n\
   left: -15px;\n\
-  top: -105px;\n\
+  top: -98px;\n\
   width: 160px;\n\
   height: 160px;\n\
 }\n\
+:root.hats-enabled:not(.werkTyme) .catalog-large > .catalog-thread:not(.noFile)::after {\n\
+  left: calc(110px - .5px * var(--tn-w));\n\
+}\n\
 /* Announcement Hiding */\n\
 :root.hide-announcement #globalMessage {\n\
   display: none;\n\
@@ -8101,8 +8107,9 @@ Build = (function() {
       return root;
     },
     catalogThread: function(thread, data, pageCount) {
-      var container, fileCount, gifIcon, imgClass, postCount, root, spoilerRange, src, staticPath;
+      var container, cssText, fileCount, gifIcon, imgClass, postCount, ratio, root, spoilerRange, src, staticPath, tn_h, tn_w;
       staticPath = Build.staticPath, gifIcon = Build.gifIcon;
+      tn_w = data.tn_w, tn_h = data.tn_h;
       if (data.spoiler && !Conf['Reveal Spoiler Thumbnails']) {
         src = staticPath + "spoiler";
         if (spoilerRange = Build.spoilerRange[thread.board]) {
@@ -8110,11 +8117,14 @@ Build = (function() {
         }
         src += '.png';
         imgClass = 'spoiler-file';
+        cssText = "--tn-w: 100; --tn-h: 100;";
       } else if (data.filedeleted) {
         src = staticPath + "filedeleted-res" + gifIcon;
         imgClass = 'deleted-file';
       } else if (thread.OP.file) {
         src = thread.OP.file.thumbURL;
+        ratio = 250 / Math.max(tn_w, tn_h);
+        cssText = "--tn-w: " + (tn_w * ratio) + "; --tn-h: " + (tn_h * ratio) + ";";
       } else {
         src = staticPath + "nofile.png";
         imgClass = 'no-file';
@@ -8135,6 +8145,7 @@ Build = (function() {
       if (!thread.OP.file) {
         $.addClass(root, 'noFile');
       }
+      root.style.cssText = cssText || '';
       return root;
     },
     catalogReply: function(thread, data) {

builds/updates-beta.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.13.0.1' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.13.0.2' />
   </app>
 </gupdate>
 

builds/updates.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.13.0.1' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.13.0.2' />
   </app>
 </gupdate>
 

version.json

@@ -1,4 +1,4 @@
 {
-  "version": "1.13.0.1",
+  "version": "1.13.0.2",
-  "date": "2016-10-01T12:26:42.104Z"
+  "date": "2016-10-01T15:41:58.921Z"
 }