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

update sliders

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-13 15:02:48 -04:00
parent 7f6b2415fb
commit acefeed732
26 changed files with 524 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

11
dashboard-ui/css/mediaplayer-video.css
View file

@ -108,32 +108,31 @@
font-size: 14px;
}
.videoPositionSlider {
.videoPositionSliderContainer {
width: 300px;
vertical-align: middle;
margin-left: -1em;
}
@media all and (max-width: 440px) {
.videoPositionSlider {
.videoPositionSliderContainer {
width: 240px;
}
}
@media all and (max-width: 400px) {
.videoPositionSlider {
.videoPositionSliderContainer {
width: 200px;
}
}
@media all and (max-width: 350px) {
.videoPositionSlider {
.videoPositionSliderContainer {
width: 180px;
}
}
@media all and (max-width: 320px) {
.videoPositionSlider {
.videoPositionSliderContainer {
width: 120px;
}
}

3
dashboard-ui/css/nowplaying.css
View file

@ -21,7 +21,7 @@
.nowPlayingPageTimeContainer {
min-width: 200px;
max-width: 280px;
margin: 0 auto 1em;
margin: 1.5em auto 1em;
}
.nowPlayingNavButtonContainer {
@ -94,7 +94,6 @@
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
width: 60px;
height: 60px;
background: #222;
}

29
dashboard-ui/css/nowplayingbar.css
View file

@ -60,7 +60,6 @@
z-index: 1097;
color: #fff;
background-color: rgba(26,26,26,.94);
border-top: 1px solid #444;
text-align: center;
display: flex;
flex-direction: row;
@ -179,9 +178,9 @@
}
.nowPlayingBarPositionContainer {
position: absolute;
position: absolute !important;
left: 80px;
top: 0;
top: -8px;
right: 0;
z-index: 1;
}
@ -190,21 +189,6 @@
display: none;
}
.nowPlayingBarPositionSlider {
position: relative;
top: -15px;
width: 100%;
}
.nowPlayingBarPositionSlider #sliderContainer {
width: 100%;
margin-left: 0 !important;
}
.nowPlayingBarPositionSlider #progressContainer {
background-color: transparent !important;
}
.nowPlayingBarRight {
position: relative;
margin: 0 1em 0 auto;
@ -221,8 +205,7 @@
padding-left: 50px;
}
.nowPlayingBarVolumeSlider {
margin-left: -1em;
.nowPlayingBarVolumeSliderContainer {
margin-right: 2em;
}
@ -242,7 +225,7 @@
@media all and (max-width: 1100px) {
.nowPlayingBarVolumeSlider, .nowPlayingBar .muteButton, .nowPlayingBar .unmuteButton {
.nowPlayingBarVolumeSliderContainer, .nowPlayingBar .muteButton, .nowPlayingBar .unmuteButton {
display: none !important;
}
}
@ -280,10 +263,6 @@
left: 70px;
}
.nowPlayingBarPositionSlider paper-progress {
height: 3px !important;
}
.toggleRepeatButton {
display: none;
}