diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index e9e8d4f2e2..09e7f25281 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 d77a97341e..92eb9e238f 100644 --- a/src/controllers/dashboard/dashboard.js +++ b/src/controllers/dashboard/dashboard.js @@ -270,7 +270,7 @@ import confirm from '../../components/confirm/confirm'; html += '
'; } - html += '
'; + html += `
`; html += '
'; 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 654ae4c29e..55d3c0b5b2 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 += ``; } else { - html += '
'; + html += '
'; } if (plugin.HasImage) {