1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

add the background filter back for active sessions

This commit is contained in:
dkanada 2021-03-25 12:24:51 +09:00
parent ab72e13f85
commit bcaf95c4e3
3 changed files with 8 additions and 2 deletions

View file

@ -350,6 +350,10 @@ div[data-role=controlgroup] a.ui-btn-active {
flex-direction: column; flex-direction: column;
} }
.darkenContent {
background: rgba(0, 0, 0, 0.7);
}
.sessionAppName { .sessionAppName {
vertical-align: top; vertical-align: top;
max-width: 200px; max-width: 200px;

View file

@ -270,7 +270,7 @@ import confirm from '../../components/confirm/confirm';
html += '<div class="sessionNowPlayingContent"></div>'; html += '<div class="sessionNowPlayingContent"></div>';
} }
html += '<div class="sessionNowPlayingInnerContent">'; html += `<div class="sessionNowPlayingInnerContent ${imgUrl ? 'darkenContent' : ''}">`;
html += '<div class="sessionAppInfo">'; html += '<div class="sessionAppInfo">';
const clientImage = DashboardPage.getClientImage(session); const clientImage = DashboardPage.getClientImage(session);
@ -608,8 +608,10 @@ import confirm from '../../components/confirm/confirm';
if (imgUrl) { if (imgUrl) {
imgElem.classList.add('sessionNowPlayingContent-withbackground'); imgElem.classList.add('sessionNowPlayingContent-withbackground');
row.querySelector('.sessionNowPlayingInnerContent').classList.add('darkenContent');
} else { } else {
imgElem.classList.remove('sessionNowPlayingContent-withbackground'); imgElem.classList.remove('sessionNowPlayingContent-withbackground');
row.querySelector('.sessionNowPlayingInnerContent').classList.remove('darkenContent');
} }
} }
}, },

View file

@ -66,7 +66,7 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) {
if (configPageUrl) { if (configPageUrl) {
html += `<a class="cardImageContainer" is="emby-linkbutton" style="margin:0;padding:0" href="${configPageUrl}">`; html += `<a class="cardImageContainer" is="emby-linkbutton" style="margin:0;padding:0" href="${configPageUrl}">`;
} else { } 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) { if (plugin.HasImage) {