From bcaf95c4e345fa7beed7776430d929caf74ce152 Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Thu, 25 Mar 2021 12:24:51 +0900
Subject: [PATCH] add the background filter back for active sessions

---
 src/assets/css/dashboard.css                         | 4 ++++
 src/controllers/dashboard/dashboard.js               | 4 +++-
 src/controllers/dashboard/plugins/installed/index.js | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css
index e9e8d4f2e..09e7f2528 100644
--- a/src/assets/css/dashboard.css
+++ b/src/assets/css/dashboard.css
@@ -350,6 +350,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     flex-direction: column;
 }
 
+.darkenContent {
+    background: rgba(0, 0, 0, 0.7);
+}
+
 .sessionAppName {
     vertical-align: top;
     max-width: 200px;
diff --git a/src/controllers/dashboard/dashboard.js b/src/controllers/dashboard/dashboard.js
index d77a97341..92eb9e238 100644
--- a/src/controllers/dashboard/dashboard.js
+++ b/src/controllers/dashboard/dashboard.js
@@ -270,7 +270,7 @@ import confirm from '../../components/confirm/confirm';
                     html += '<div class="sessionNowPlayingContent"></div>';
                 }
 
-                html += '<div class="sessionNowPlayingInnerContent">';
+                html += `<div class="sessionNowPlayingInnerContent ${imgUrl ? 'darkenContent' : ''}">`;
                 html += '<div class="sessionAppInfo">';
                 const clientImage = DashboardPage.getClientImage(session);
 
@@ -608,8 +608,10 @@ import confirm from '../../components/confirm/confirm';
 
                 if (imgUrl) {
                     imgElem.classList.add('sessionNowPlayingContent-withbackground');
+                    row.querySelector('.sessionNowPlayingInnerContent').classList.add('darkenContent');
                 } else {
                     imgElem.classList.remove('sessionNowPlayingContent-withbackground');
+                    row.querySelector('.sessionNowPlayingInnerContent').classList.remove('darkenContent');
                 }
             }
         },
diff --git a/src/controllers/dashboard/plugins/installed/index.js b/src/controllers/dashboard/plugins/installed/index.js
index 654ae4c29..55d3c0b5b 100644
--- a/src/controllers/dashboard/plugins/installed/index.js
+++ b/src/controllers/dashboard/plugins/installed/index.js
@@ -66,7 +66,7 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) {
     if (configPageUrl) {
         html += `<a class="cardImageContainer" is="emby-linkbutton" style="margin:0;padding:0" href="${configPageUrl}">`;
     } else {
-        html += '<div class="cardImageContainer noConfigPluginCard noHoverEffect emby-button">';
+        html += '<div class="cardImageContainer noConfigPluginCard noHoverEffect emby-button" style="margin:0;padding:0">';
     }
 
     if (plugin.HasImage) {