Mobile playbar bigger

This commit is contained in:
Nicolas Almagro Tonne
2015-11-28 19:11:05 +01:00
parent 943825989a
commit 49f388e8eb
2 changed files with 31 additions and 4 deletions

View File

@@ -187,6 +187,9 @@
<i id="pause" class="mdi-av-pause"></i>
</div>
<div id="duration">00:00 / 00:00</div>
<div id="fullscreen">
<i class="mdi-navigation-fullscreen"></i>
</div>
<div id="volume-button">
<i id="v-mute" class="mdi-av-volume-off"></i>
<i id="v-low" class="mdi-av-volume-mute"></i>
@@ -194,9 +197,6 @@
<i id="v-full" class="mdi-av-volume-up"></i>
</div>
<div id="volume"></div>
<div id="fullscreen">
<i class="mdi-navigation-fullscreen"></i>
</div>
<div id="viewers"></div>
<div id="bar"></div>
</div>

View File

@@ -788,7 +788,7 @@ nav ul li:hover, nav ul li.active {
#results{
background-color: rgba(0,0,0,0.8);
margin-top: -27px;
max-height: 600px;
max-height: calc(100vh - 64px);
overflow: overlay;
}
.result:hover, .hoverResults {
@@ -1039,6 +1039,33 @@ nav ul li:hover, nav ul li.active {
#controls{
/*opacity: 1;*/
background-color: rgb(70, 70, 70);
height: 50px;
margin-top: inherit;
}
#play, #pause, #volume-button, #fullscreen {
font-size: 31px;
}
#viewers, #volume{
display: none;
}
#duration{
font-size: 20px;
font-weight: 400;
margin-top: 9px;
letter-spacing: -0.7px;
margin-left: 10px;
}
#volume-button{
float: right;
margin-right: 20px;
}
#fullscreen{
float: right;
}
#bar{