1
0
Fork 0
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:
Luke Pulverenti 2013-12-28 02:09:05 -05:00
parent 2047f4bd49
commit 84eb8fc047
6 changed files with 19 additions and 25 deletions

View file

@ -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;
}

View file

@ -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;
}
}
}

View file

@ -92,7 +92,7 @@
.editPageSidebar {
position: fixed;
top: 36px;
top: 48px;
bottom: 0;
left: 0;
width: 27.5%;

View file

@ -11,7 +11,6 @@
<tr>
<td>
<br />
<br />
<div id="views">
</div>

View file

@ -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>';

View file

@ -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);
}