3.5.512. Fix blocked games in social bar. Dark CSS tweaks.

changelog.html

@@ -1,3 +1,9 @@
+<div class="list-header">3.5.512 <time datetime="2017-08-18">(2017-08-18)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Blocked Games feature not properly hiding channels from the social bar.</li>
+	<li>Fixed: Dark CSS tweaks for the dashboard.</li>
+</ul>
+
 <div class="list-header">3.5.511 <time datetime="2017-08-12">(2017-08-12)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Fixed: Bits rendering after Twitch removed the Ember bits-tags service.</li>
@@ -50,18 +56,5 @@
 	<li>Fixed: Use the <code>user-emotes</code> service in all places since <code>tmiSession</code>'s emote parser has been removed.</li>
 </ul>
 
-<div class="list-header">3.5.502 <time datetime="2017-07-13">(2017-07-13)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Dark theme for chat.</li>
-	<li>Yes. Again. Twitch reverted their changes within hours.</li>
-	<li>&nbsp;</li>
-	<li>Removed: Net neutrality support code.</li>
-</ul>
-
-<div class="list-header">3.5.501 <time datetime="2017-07-12">(2017-07-12)</time></div>
-<ul class="chat-menu-content menu-side-padding">
-	<li>Fixed: Dark theme for chat.</li>
-</ul>
-
 <div class="list-header" id="ffz-old-news-button"><a href="#">View Older</a></div>
 <div id="ffz-old-news"></div>

dark.css

@@ -401,6 +401,12 @@ body.ffz-dark:not([data-page="teams#show"]),
 	background-color: #444;
 }
 
+.ffz-dark .c-background-graph { background-color: #444 !important }
+
+.ffz-dark .shadow-border--bottom-right {
+	box-shadow: 1px 0 0 0 #474747, 0 1px 0 0 #474747;
+}
+
 .ffz-dark .switch,
 .ffz-dark .button,
 .ffz-dark .pl-button--hollow,
@@ -1934,6 +1940,7 @@ body.ffz-dark:not([data-page="teams#show"]),
 
 /* Video Uploads */
 
+.ffz-dark .vod-vertical-nav + div .card > div[style],
 .ffz-dark #video-manager .card > div[style],
 .ffz-dark .videos.uploads .card > div[style] {
 	background-color: #101010 !important;
@@ -1944,6 +1951,7 @@ body.ffz-dark:not([data-page="teams#show"]),
 	background-color: #161616;
 }
 
+.ffz-dark .drop-zone__border,
 .ffz-dark .subscription-modal__right,
 .ffz-dark .subscription-modal__bar {
 	border-color: rgba(255,255,255,0.2);
@@ -2176,4 +2184,24 @@ body.ffz-dark:not([data-page="teams#show"]),
 .ffz-dark .clmgr-table__cell-wrapper:nth-child(even) .clmgr-table__cell--collapsed:hover,
 .ffz-dark .clmgr-table__cell--collapsed:hover {
 	background-color: rgba(255,255,255,0.2);
+}
+
+.ffz-dark .stats-table__header {
+	background-color: #101010;
+}
+
+.ffz-dark .border,
+.ffz-dark .stats-table__cell,
+.ffz-dark .stats-table {
+	border-color: #474747;
+}
+
+.ffz-dark .stats-table__cell { color: #ccc }
+
+.ffz-dark .stats-table__row:nth-child(even) {
+	background-color: #191919;
+}
+
+.ffz-dark .stats-table__row:hover {
+	background-color: #333;
 }

old_changes.html

@@ -1,3 +1,16 @@
+<div class="list-header">3.5.502 <time datetime="2017-07-13">(2017-07-13)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Dark theme for chat.</li>
+	<li>Yes. Again. Twitch reverted their changes within hours.</li>
+	<li>&nbsp;</li>
+	<li>Removed: Net neutrality support code.</li>
+</ul>
+
+<div class="list-header">3.5.501 <time datetime="2017-07-12">(2017-07-12)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Dark theme for chat.</li>
+</ul>
+
 <div class="list-header">3.5.500 <time datetime="2017-07-12">(2017-07-12)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>This version is half-way between 0 and 1000.</li>

src/ember/directory.js

@@ -116,7 +116,16 @@ FFZ.settings_info.banned_games = {
 
 	on_update: function() {
 		var banned = this.settings.banned_games,
-			els = document.querySelectorAll('.ffz-directory-preview');
+			els = document.querySelectorAll('.ffz-directory-preview'),
+			SidebarThing = utils.ember_resolve('component:social-column/followed-channel'),
+			views = utils.ember_views();
+
+		if ( SidebarThing )
+			for(var key in views)
+				if ( views[key] instanceof SidebarThing )
+					try {
+						views[key].ffzUpdateVisibility();
+					} catch(err) { }
 
 		for(var i=0; i < els.length; i++) {
 			var el = els[i],

src/ember/sidebar.js

@@ -379,12 +379,23 @@ FFZ._sc_followed_tooltip_id = 0;
 FFZ.prototype.modify_social_followed_channel = function(component) {
 	var f = this;
 	utils.ember_reopen_view(component, {
+		ffzUpdateVisibility: function() {
+			var el = this.get('element'),
+				game = this.get('stream.game'),
+				is_blocked = game ? f.settings.banned_games.indexOf(game.toLowerCase()) !== -1 : false;
+
+			el && el.classList.toggle('hidden', is_blocked);
+
+		}.observes('stream.game'),
+
 		ffz_init: function() {
 			var t = this,
 				el = this.get('element'),
 				card = jQuery('.js-sc-card', el),
 				data = card && card.data('tipsy');
 
+			this.ffzUpdateVisibility();
+
 			if ( ! data || ! data.options )
 				return;
 

src/main.js

@@ -61,7 +61,7 @@ FFZ.channel_metadata = {};
 
 // Version
 var VER = FFZ.version_info = {
-	major: 3, minor: 5, revision: 511,
+	major: 3, minor: 5, revision: 512,
 	toString: function() {
 		return [VER.major, VER.minor, VER.revision].join(".") + (VER.extra || "");
 	}