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

Various visual fix

This commit is contained in:
samuel9554 2020-04-12 20:15:58 -04:00
parent 6eec2ac19f
commit 9439a306b6
3 changed files with 30 additions and 11 deletions

View file

@ -90,7 +90,10 @@
.nowPlayingPageImageContainerNoAlbum { .nowPlayingPageImageContainerNoAlbum {
width: 100%; width: 100%;
position: relative; position: relative;
background-color: #5ccea9; }
.nowPlayingPageImageContainerNoAlbum button {
cursor: default;
} }
.nowPlayingPageImageContainerNoAlbum::after { .nowPlayingPageImageContainerNoAlbum::after {
@ -368,8 +371,13 @@
border-radius: 0; border-radius: 0;
} }
.playlistSectionButton .volumecontrol {
width: 100%;
}
.remoteControlSection { .remoteControlSection {
margin: 4.2em 0 0 0; margin: 0;
padding: 0 0 4.2em 0;
} }
.nowPlayingButtonsContainer { .nowPlayingButtonsContainer {
@ -554,8 +562,13 @@
border-radius: 0; border-radius: 0;
} }
.playlistSectionButton .volumecontrol {
width: 100%;
}
.remoteControlSection { .remoteControlSection {
margin: 4.2em 0 0 0; margin: 4.2em 0 0 0;
padding: 0 0 4.2em 0;
} }
.nowPlayingButtonsContainer { .nowPlayingButtonsContainer {

View file

@ -263,6 +263,12 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
context.querySelector(".navigationSection").classList.add("hide"); context.querySelector(".navigationSection").classList.add("hide");
} }
if (-1 != supportedCommands.indexOf("DisplayMessage") && -1 != supportedCommands.indexOf("SendString") && -1 != supportedCommands.indexOf("Select") && !currentPlayer.isLocalPlayer) {
context.querySelector(".remoteControlSection").classList.remove("hide");
} else {
context.querySelector(".remoteControlSection").classList.add("hide");
}
buttonVisible(context.querySelector(".btnStop"), null != item); buttonVisible(context.querySelector(".btnStop"), null != item);
buttonVisible(context.querySelector(".btnNextTrack"), null != item); buttonVisible(context.querySelector(".btnNextTrack"), null != item);
buttonVisible(context.querySelector(".btnPreviousTrack"), null != item); buttonVisible(context.querySelector(".btnPreviousTrack"), null != item);
@ -416,9 +422,9 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
}); });
if (items.length) { if (items.length) {
context.querySelector(".playlistSection").classList.remove("hide"); context.querySelector(".btnTogglePlaylist").classList.remove("hide");
} else { } else {
context.querySelector(".playlistSection").classList.add("hide"); context.querySelector(".btnTogglePlaylist").classList.add("hide");
} }
var itemsContainer = context.querySelector(".playlist"); var itemsContainer = context.querySelector(".playlist");
@ -677,7 +683,7 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
} }
} }
var contextmenuHtml = '<button id="toggleContextMenu" is="paper-icon-button-light" class="btnToggleContextMenu" title=' + globalize.translate('ButtonToogleContextMenu') + '><i class="material-icons more_vert"></i></button>'; var contextmenuHtml = '<button id="toggleContextMenu" is="paper-icon-button-light" class="btnToggleContextMenu" title=' + globalize.translate('ButtonToggleContextMenu') + '><i class="material-icons more_vert"></i></button>';
var volumecontrolHtml = '<div class="volumecontrol flex align-items-center flex-wrap-wrap justify-content-center">'; var volumecontrolHtml = '<div class="volumecontrol flex align-items-center flex-wrap-wrap justify-content-center">';
volumecontrolHtml += '<button is="paper-icon-button-light" class="buttonMute autoSize" title=' + globalize.translate('Mute') + '><i class="xlargePaperIconButton material-icons"></i></button>'; volumecontrolHtml += '<button is="paper-icon-button-light" class="buttonMute autoSize" title=' + globalize.translate('Mute') + '><i class="xlargePaperIconButton material-icons"></i></button>';
volumecontrolHtml += '<div class="sliderContainer nowPlayingVolumeSliderContainer"><input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="nowPlayingVolumeSlider"/></div>'; volumecontrolHtml += '<div class="sliderContainer nowPlayingVolumeSliderContainer"><input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="nowPlayingVolumeSlider"/></div>';

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="-" style="padding: 5em 0 0 !important;">
<div class="remoteControlContent padded-left padded-right"> <div class="remoteControlContent padded-left padded-right">
@ -10,7 +10,7 @@
<div class="nowPlayingInfoContainerMedia"> <div class="nowPlayingInfoContainerMedia">
<h2 class="nowPlayingPageTitle"></h2> <h2 class="nowPlayingPageTitle"></h2>
<div style="font-weight:bold;" class="nowPlayingSongName nowPlayingEpisode"></div> <div style="font-weight: bold;" class="nowPlayingSongName nowPlayingEpisode"></div>
<div class="nowPlayingAlbum nowPlayingSeason"></div> <div class="nowPlayingAlbum nowPlayingSeason"></div>
<div class="nowPlayingArtist nowPlayingSerie"></div> <div class="nowPlayingArtist nowPlayingSerie"></div>
</div> </div>
@ -161,18 +161,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="playlistSection hide"> <div class="playlistSection">
<div class="playlistSectionButton flex align-items-center justify-content-center"> <div class="playlistSectionButton flex align-items-center justify-content-center">
<!--<h2 style="margin:0;">${TabPlaylist}</h2>--> <!--<h2 style="margin:0;">${TabPlaylist}</h2>-->
<button id="togglePlaylist" is="paper-icon-button-light" class="btnTogglePlaylist" title="${ButtonTooglePlaylist}"> <button id="togglePlaylist" is="paper-icon-button-light" class="btnTogglePlaylist" title="${ButtonTogglePlaylist}">
<i class="material-icons">queue_music</i> <i class="material-icons">queue_music</i>
</button> </button>
<button is="paper-icon-button-light" class="btnSavePlaylist" title="${ButtonSave}"> <button is="paper-icon-button-light" class="btnSavePlaylist" title="${ButtonSave}">
<i class="material-icons">save</i> <i class="material-icons">save</i>
</button> </button>
</div> </div>
<div id="playlist" class="playlist itemsContainer vertical-list" is="emby-itemscontainer" data-dragreorder="true"></div> <div id="playlist" class="playlist itemsContainer vertical-list hide" is="emby-itemscontainer" data-dragreorder="true"></div>
<div id="contextMenu" class="contextMenu itemsContainer vertical-list" is="emby-itemscontainer"> <div id="contextMenu" class="contextMenu itemsContainer vertical-list hide" is="emby-itemscontainer">
<div class="listItem listItem-border contextMenuList contextMenuArtist"> <div class="listItem listItem-border contextMenuList contextMenuArtist">
</div> </div>
<div class="listItem listItem-border contextMenuList contextMenuAlbum"> <div class="listItem listItem-border contextMenuList contextMenuAlbum">