mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
now playing bar fixes
This commit is contained in:
parent
2047f4bd49
commit
84eb8fc047
6 changed files with 19 additions and 25 deletions
|
@ -4,7 +4,7 @@
|
|||
}
|
||||
|
||||
.libraryPage {
|
||||
padding-top: 46px !important;
|
||||
padding-top: 48px !important;
|
||||
}
|
||||
|
||||
.ui-panel fieldset + fieldset {
|
||||
|
@ -17,15 +17,12 @@
|
|||
}
|
||||
|
||||
.viewMenuBar {
|
||||
background: #404040;
|
||||
background-image: linear-gradient(#404040,#2d2d2d);
|
||||
font-weight: bold;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
border-bottom: 1px solid #111;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
|
@ -116,13 +113,14 @@
|
|||
|
||||
.libraryViewNav {
|
||||
text-align: center;
|
||||
background-image: linear-gradient(#404040,#2d2d2d);
|
||||
background-image: linear-gradient(#333,#333);
|
||||
border-bottom: 1px solid #111;
|
||||
border-top: 0;
|
||||
border-top: 1px solid #000;
|
||||
font-family: sans-serif, Arial;
|
||||
}
|
||||
|
||||
.libraryViewNav .ui-btn-active {
|
||||
border: 0;
|
||||
border: 0!important;
|
||||
background-color: #38c;
|
||||
}
|
||||
|
||||
|
@ -131,6 +129,7 @@
|
|||
padding: .6em 1em;
|
||||
color: #eee!important;
|
||||
text-decoration: none;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
.libraryViewNav a:hover {
|
||||
|
@ -523,7 +522,7 @@ a.itemTag:hover {
|
|||
.libraryPanelHeader span {
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
|
||||
|
||||
/* Now playing bar */
|
||||
/* Now playing bar */
|
||||
.nowPlayingBar {
|
||||
padding: 6px 0 12px 0;
|
||||
border-top: 2px solid green;
|
||||
|
@ -119,7 +117,7 @@
|
|||
width: 130px;
|
||||
}
|
||||
|
||||
.volumeSliderContainer {
|
||||
.volumeSliderContainer {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
|
@ -129,6 +127,9 @@
|
|||
|
||||
.sliderContainer .ui-slider-track {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
|
||||
.highPosition .ui-slider-track {
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
|
@ -318,4 +319,4 @@ input[type="range"]::-ms-fill-upper {
|
|||
.itemVideo {
|
||||
left: -710px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -92,7 +92,7 @@
|
|||
|
||||
.editPageSidebar {
|
||||
position: fixed;
|
||||
top: 36px;
|
||||
top: 48px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 27.5%;
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
<tr>
|
||||
<td>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<div id="views">
|
||||
</div>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
function renderHeader(page, user) {
|
||||
|
||||
var html = '<div class="viewMenuBar">';
|
||||
var html = '<div class="viewMenuBar ui-bar-b">';
|
||||
|
||||
html += '<button type="button" data-icon="bars" data-iconpos="notext" data-inline="true" title="Menu" class="libraryMenuButton" onclick="LibraryMenu.showLibraryMenu($(this).parents(\'.page\'));">Menu</button>';
|
||||
|
||||
|
@ -221,11 +221,7 @@
|
|||
|
||||
var link = links[i];
|
||||
|
||||
if (selectedIndex == i) {
|
||||
html += '<li><a class="selectedLibraryPanelLink libraryPanelLink" href="' + link.href + '">' + link.text + '</a></li>';
|
||||
} else {
|
||||
html += '<li><a class="libraryPanelLink" href="' + link.href + '">' + link.text + '</a></li>';
|
||||
}
|
||||
html += '<li><a class="libraryPanelLink" href="' + link.href + '">' + link.text + '</a></li>';
|
||||
}
|
||||
|
||||
html += '</ul>';
|
||||
|
|
|
@ -48,7 +48,7 @@
|
|||
idleState = true;
|
||||
$('.itemVideo').on('mousemove keydown scroll', idleHandler).trigger('mousemove');
|
||||
} else {
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.mediaSlider,.barBackground", nowPlayingBar).removeClass("highPosition");
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.sliderContainer,.barBackground", nowPlayingBar).removeClass("highPosition");
|
||||
$('.itemVideo').removeClass('fullscreenVideo');
|
||||
}
|
||||
|
||||
|
@ -218,7 +218,6 @@
|
|||
|
||||
volumeSlider = $('.volumeSlider').on('slidestop', function () {
|
||||
|
||||
document.title += '1';
|
||||
var vol = this.value;
|
||||
|
||||
updateVolumeButtons(vol);
|
||||
|
@ -699,12 +698,12 @@
|
|||
window.clearTimeout(timeout);
|
||||
}
|
||||
if (idleState == true) {
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.mediaSlider,.barBackground", nowPlayingBar).addClass("highPosition");
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.sliderContainer,.barBackground", nowPlayingBar).addClass("highPosition");
|
||||
}
|
||||
idleState = false;
|
||||
timeout = window.setTimeout(function () {
|
||||
idleState = true;
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.mediaSlider,.barBackground", nowPlayingBar).removeClass("highPosition");
|
||||
$(".mediaButton,.currentTime,.nowPlayingMediaInfo,.sliderContainer,.barBackground", nowPlayingBar).removeClass("highPosition");
|
||||
}, 4000);
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue