Improve compat. with Facebook, WhatsApp Web, Twitter

Author: andryou

changelog.txt

@@ -1,3 +1,8 @@
+v0.46.56.8 - Thursday, April 13, 2017
+- Improve Facebook compatibility: show main timeline titles, overlayed photos
+- Improve WhatsApp Web compatibility: show emojis and message indicators
+- Improve Twitter compatibility: show overlayed photos
+
 v0.46.56.7 - Monday, July 25, 2016
 - Added capability to Import/Export Settings (and even save your settings to a text file)
 - Added option to add custom CSS

js/dp.js

@@ -28,7 +28,7 @@ function addCloak(sfw, f, fsize, u, bg, text, table, link, bold, o1, o2, collaps
 		else if (o1 == 0 && collapseimage == 'true') magic += 'i.img { display: none !important; } ';
 		else if (sfw == 'Paranoid') magic += 'i.img { visibility: hidden !important; opacity: 0 !important; } ';
 	} else {
-		magic += 'html, html *, body *:before, body *:after { background-image: none !important; } ';
+		if (!curlocation.match(/^https?:\/\/web\.whatsapp\.com\//i)) magic += 'html, html *, body *:before, body *:after { background-image: none !important; } ';
 	}
 	if (curlocation.match(/^https?:\/\/www\.engadget\.com\//i)) {
 		magic += 'html, html *, html *[style], body *:before, body *:after { border-width: 0px !important; }';
@@ -54,12 +54,16 @@ function addCloak(sfw, f, fsize, u, bg, text, table, link, bold, o1, o2, collaps
 	magic += ' .dp'+timestamp+'_visible { visibility: visible !important; opacity: 1 !important; }';
 	magic += ' .dp'+timestamp+'_unbold { font-weight: normal !important }';
 	magic += ' .dp'+timestamp+'_link { color: #'+link+' !important; background-color: #'+bg+' !important; background-image: none !important; }';
-	magic += ' .dp'+timestamp+'_text { color: #'+text+' !important; background-color: #'+bg+' !important; background-image: none !important; }';
+	if (curlocation.match(/^https?:\/\/web\.whatsapp\.com\//i)) magic += ' .dp'+timestamp+'_text { color: #'+text+' !important; background-color: #'+bg+' !important; }';
+	else magic += ' .dp'+timestamp+'_text { color: #'+text+' !important; background-color: #'+bg+' !important; background-image: none !important; }';
 	magic += ' .dp'+timestamp+'_hide { display: none !important }';
 
 	if (curlocation.match(/^https?:\/\/www\.facebook\.com\//i)) {
 		magic += " ._52c6, ._5ine, .__cy, .fbPhotosPhotoTagboxes, ._jfi, ._5vb_ ._5aqh::before { position: initial !important; } "; // fix link caption, event cover photo, full-screen photo mode (._jfi = uploaded image thumbnail), instagram
 		magic += " ._4zoz._4zoz._4zoz, ._559p { clear: both !important; } "; // fix main timeline post status box
+		magic += " ._2yq ._4-u2::before { background-color: transparent !important; } "; // fix main timeline post title bars
+		magic += " ._2-sx { position: absolute !important; top: 0 !important; left: 0 !important; } "; // fix spotlight photo positioning
+		magic += " ._4d3w._2nw8 ._4g9v, ._4d3w._2nw8 ._4g9v *, ._4d3w._2nw8 .snowliftOverlayBar, ._4d3w .rightButtons .overlayBarButtons, ._4d3w .rightButtons .overlayBarButtons * { background-color: transparent !important; } "; // make spotlight top/bottom bars transparent
 	}
 	else if (curlocation.match(/^https?:\/\/www\.instagram\.com\//i)) {
 		magic += " ._ovg3g, ._njmhc { position: initial !important; } ._sppa1 { display: none !important; } ";
@@ -73,9 +77,11 @@ function addCloak(sfw, f, fsize, u, bg, text, table, link, bold, o1, o2, collaps
 		magic += " .message-meta { position: initial !important; } "; // fix message timestamping
 		magic += ' .bubble { border: 1px dotted #' + table + ' !important; } '; // distinguish bubbles
 		magic += ' .drawer-manager, .drawer-manager > .pane { background-color: transparent !important; } '; // fix white screen bug
+		magic += ' .intro-image { opacity: '+o1+' !important; } .intro-image:hover { opacity: '+o2+' !important; } '; // add cloak support for welcome graphic
+		magic += ' .emoji, .icon { opacity: '+o2+' !important; } '; // make emojis and icons at cloak-hover opacity
 	}	
 	else if (curlocation.match(/^https?:\/\/twitter\.com\//i)) {
-		magic += " .QuoteTweet, .QuoteTweet *, #playerContainer, #playerContainer * { background-color: transparent !important; } ";
+		magic += " .QuoteTweet, .QuoteTweet *, #playerContainer, #playerContainer *, .Gallery, .Gallery * { background-color: transparent !important; } ";
 		if (sfw != 'Paranoid' && sfw != 'SFW1') magic += " #playerContainer video { opacity: 1 !important; } ";
 		magic += " .Grid--withGutter>.Grid-cell { margin-right: -1px !important; margin-left: -1px !important; } ";
 	}

manifest.json

@@ -27,5 +27,5 @@
    },
    "permissions": [ "http://*/*", "https://*/*", "contextMenus", "tabs" ],
    "update_url": "http://clients2.google.com/service/update2/crx",
-   "version": "0.46.56.7"
+   "version": "0.46.56.8"
 }

updated.html

@@ -7,12 +7,12 @@
 <body id="updatepage">
 	<span id="title">Decreased Productivity</span> by Andrew Y.<br /><br />
 	<div id="main">
-	<h1>Updated to v0.46.56.7! (Monday, July 25, 2016)</h1>
+	<h1>Updated to v0.46.56.8! (Thursday, April 13, 2017)</h1>
 	<ul>
-		<li>v0.46.56.7:<ul>
-			<li>Added capability to Import/Export Settings (and even save your settings to a text file)</li>
-			<li>Added option to add custom CSS</li>
-			<li>Added support for cloaking of &lt;canvas&gt; elements</li>
+		<li>v0.46.56.8:<ul>
+			<li>Improve Facebook compatibility: show main timeline titles, overlayed photos</li>
+			<li>Improve WhatsApp Web compatibility: show emojis and message indicators</li>
+			<li>Improve Twitter compatibility: show overlayed photos</li>
 			<li><strong>if you do not want this page appearing every time DP auto-updates, you can disable them by unticking "Show Update Popup" in the <a href="options.html">Options page</a>.</strong></li>
 		</ul>
 		</li>