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

As resquested by @MrTimscampi + theme adjustement

Browse source
This commit is contained in:
samuel9554 2020-04-16 19:14:40 -04:00
parent a1c40bd8a8
commit b139a23f04
9 changed files with 33 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/remotecontrol/remotecontrol.css
View file

@ -1,3 +1,7 @@
.nowPlayingPage {
padding: 5em 0 0 0 !important;
}
.nowPlayingInfoContainer {
display: -webkit-box;
display: -webkit-flex;
@ -168,6 +172,10 @@
}
@media all and (min-width: 63em) {
.nowPlayingPage {
padding: 8em 0 0 0 !important;
}
.nowPlayingSecondaryButtons {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
@ -180,6 +188,12 @@
.nowPlayingPageUserDataButtonsTitle {
display: none !important;
}
.playlistSectionButton,
.nowPlayingPlaylist,
.nowPlayingContextMenu {
background: unset !important;
}
}
@media all and (min-width: 80em) {
@ -338,8 +352,6 @@
display: inline-block;
left: 0;
right: 0;
/* background: #202020; */
z-index: 1000;
}
@ -351,8 +363,6 @@
right: 0;
padding-left: 7.3%;
padding-right: 7.3%;
/* background-color: #101010; */
}
.playlistSectionButton .btnTogglePlaylist {
@ -532,8 +542,6 @@
display: inline-block;
left: 0;
right: 0;
/* background: #202020; */
z-index: 1000;
}
@ -545,8 +553,6 @@
right: 0;
padding-left: 4.3%;
padding-right: 4.3%;
/* background-color: #101010; */
}
.playlistSectionButton .btnTogglePlaylist {

11
src/components/remotecontrol/remotecontrol.js
View file

@ -243,29 +243,30 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
var supportedCommands = playerInfo.supportedCommands;
currentPlayerSupportedCommands = supportedCommands;
var playState = state.PlayState || {};
buttonVisible(context.querySelector(".btnToggleFullscreen"), item && "Video" == item.MediaType && -1 != supportedCommands.indexOf("ToggleFullscreen"));
var isSupportedCommands = supportedCommands.includes("DisplayMessage") || supportedCommands.includes("SendString") || supportedCommands.includes("Select");
buttonVisible(context.querySelector(".btnToggleFullscreen"), item && "Video" == item.MediaType && supportedCommands.includes("ToggleFullscreen"));
updateAudioTracksDisplay(player, context);
updateSubtitleTracksDisplay(player, context);
if (-1 != supportedCommands.indexOf("DisplayMessage") && !currentPlayer.isLocalPlayer) {
if (supportedCommands.includes("DisplayMessage") && !currentPlayer.isLocalPlayer) {
context.querySelector(".sendMessageSection").classList.remove("hide");
} else {
context.querySelector(".sendMessageSection").classList.add("hide");
}
if (-1 != supportedCommands.indexOf("SendString") && !currentPlayer.isLocalPlayer) {
if (supportedCommands.includes("SendString") && !currentPlayer.isLocalPlayer) {
context.querySelector(".sendTextSection").classList.remove("hide");
} else {
context.querySelector(".sendTextSection").classList.add("hide");
}
if (-1 != supportedCommands.indexOf("Select") && !currentPlayer.isLocalPlayer) {
if (supportedCommands.includes("Select") && !currentPlayer.isLocalPlayer) {
context.querySelector(".navigationSection").classList.remove("hide");
} else {
context.querySelector(".navigationSection").classList.add("hide");
}
if ((-1 != supportedCommands.indexOf("DisplayMessage") || -1 != supportedCommands.indexOf("SendString") || -1 != supportedCommands.indexOf("Select")) && !currentPlayer.isLocalPlayer) {
if (isSupportedCommands && !currentPlayer.isLocalPlayer) {
context.querySelector(".remoteControlSection").classList.remove("hide");
} else {
context.querySelector(".remoteControlSection").classList.add("hide");

2
src/nowplaying.html
View file

@ -1,4 +1,4 @@
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage selfBackdropPage" data-title="-" style="padding: 5em 0 0 !important;">
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage selfBackdropPage" data-title="-">
<div class="remoteControlContent padded-left padded-right">

3
src/themes/appletv/theme.css
View file

@ -188,7 +188,8 @@ html {
}
.appfooter,
.formDialogFooter:not(.formDialogFooter-clear) {
.formDialogFooter:not(.formDialogFooter-clear),
.playlistSectionButton {
color: rgba(0, 0, 0, 0.7);
background: #303030;
background: -webkit-gradient(linear, left top, right top, from(#bcbcbc), color-stop(#a7b4b7), color-stop(#beb5a5), color-stop(#adbec2), to(#b9c7cb));

3
src/themes/blueradiance/theme.css
View file

@ -181,7 +181,8 @@ html {
color: rgba(255, 255, 255, 0.87);
}
.appfooter {
.appfooter,
.playlistSectionButton {
background: #033664;
color: #ccc;
color: rgba(255, 255, 255, 0.78);

3
src/themes/dark/theme.css
View file

@ -163,7 +163,8 @@ html {
color: rgba(255, 255, 255, 0.87);
}
.appfooter {
.appfooter,
.playlistSectionButton {
background: #202020;
color: #ccc;
color: rgba(255, 255, 255, 0.78);

3
src/themes/light/theme.css
View file

@ -185,7 +185,8 @@ html {
color: rgba(255, 255, 255, 0.87);
}
.appfooter {
.appfooter,
.playlistSectionButton {
background: #282828;
color: #ccc;
color: rgba(255, 255, 255, 0.78);

3
src/themes/purplehaze/theme.css
View file

@ -271,7 +271,8 @@ a[data-role=button] {
color: rgba(255, 255, 255, 0.87);
}
.appfooter {
.appfooter,
.playlistSectionButton {
background: #06256f;
color: #ccc;
color: rgba(255, 255, 255, 0.78);

3
src/themes/wmc/theme.css
View file

@ -174,7 +174,8 @@ html {
}
.appfooter,
.formDialogFooter:not(.formDialogFooter-clear) {
.formDialogFooter:not(.formDialogFooter-clear),
.playlistSectionButton {
background: #0c2450;
background: -webkit-gradient(linear, left bottom, left top, from(#0c2450), to(#081b3b));
background: -webkit-linear-gradient(bottom, #0c2450, #081b3b);