hide some media buttons on small screens

This commit is contained in:
Luke Pulverenti 2013-07-17 14:44:32 -04:00
parent 7cdf76fb3a
commit 2ec48f8266

View File

@ -720,9 +720,9 @@ progress {
opacity: 0.5;
}
#nowPlayingBar .highPosition:hover:not(.barBackground ) {
opacity: 0.9;
}
#nowPlayingBar .highPosition:hover:not(.barBackground ) {
opacity: 0.9;
}
#nowPlayingBar .barBackground {
border-top: 2px solid #D7742B;
@ -886,16 +886,20 @@ input[type="range"]::-ms-fill-upper {
@media all and (max-width: 600px) {
.volumeButton, .volumeSlider, .nowPlayingText {
.volumeButton, .volumeSlider, .nowPlayingText, .chaptersButton, .audioTracksButton {
display: none!important;
}
#nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer):not(.barBackground ) {
margin: 0 .5em;
}
.positionSlider {
width: 50px;
}
.itemVideo:not(.fullscreenVideo) {
left: -300px;
left: -250px;
}
}