KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile playbar bigger

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
index.php
View File

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

29
static/css/style.css
View File

@@ -788,7 +788,7 @@ nav ul li:hover, nav ul li.active {
#results{ #results{
background-color: rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.8);
margin-top: -27px; margin-top: -27px;
max-height: 600px; max-height: calc(100vh - 64px);
overflow: overlay; overflow: overlay;
} }
.result:hover, .hoverResults { .result:hover, .hoverResults {
@@ -1039,6 +1039,33 @@ nav ul li:hover, nav ul li.active {
#controls{ #controls{
/*opacity: 1;*/ /*opacity: 1;*/
background-color: rgb(70, 70, 70); 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{ #bar{