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

Fixed issue with skip and prev button being misaligned

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-10-11 09:55:16 +02:00
parent fd47f9ca8b
commit c873e85a1c
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
server/public/assets/css/style.css
View File

@@ -1525,8 +1525,10 @@ ul #chat-log{
.castButton{ .castButton{
/* display: none; !important*/ /* display: none; !important*/
height: 32px;
width: 32px; width: 32px;
margin-top: 4px; padding-top: 3px;
padding-bottom: 2px;
background: transparent; background: transparent;
border: none; border: none;
float: right; float: right;
@@ -2013,9 +2015,13 @@ nav ul li:hover, nav ul li.active {
.skip.playbar, .prev.playbar { .skip.playbar, .prev.playbar {
float:left; float:left;
font-size: 24px; font-size: 24px;
cursor: pointer;
height: 32px;
line-height: 31px;
} }
.playbar-btn { .playbar-btn {
cursor: pointer;
transition: background-color .2s; transition: background-color .2s;
} }
@@ -2053,7 +2059,8 @@ nav ul li:hover, nav ul li.active {
float:right; float:right;
color:white; color:white;
margin-right:15px; margin-right:15px;
margin-top: 2px; /* margin-top: 2px; */
padding-top: 4px;
} }
#duration, #viewers #duration, #viewers
@@ -2082,7 +2089,7 @@ nav ul li:hover, nav ul li.active {
{ {
font-size: 24px; font-size: 24px;
cursor:pointer; cursor:pointer;
height: 33px; height: 32px;
line-height: 31px; line-height: 31px;
} }

8
server/public/layouts/channel.handlebars
View File

@@ -197,16 +197,16 @@
</div> </div>
</div> </div>
<div id="controls" class="noselect"> <div id="controls" class="noselect">
<a class="playbar-btn prev playbar hide" href="#prev"> <div class="playbar-btn prev playbar hide">
<i class="material-icons">skip_previous</i> <i class="material-icons">skip_previous</i>
</a> </div>
<div id="playpause" class="playbar-btn margin-playbar"> <div id="playpause" class="playbar-btn margin-playbar">
<i id="play" class="material-icons hide">play_arrow</i> <i id="play" class="material-icons hide">play_arrow</i>
<i id="pause" class="material-icons">pause</i> <i id="pause" class="material-icons">pause</i>
</div> </div>
<a class="playbar-btn skip playbar" href="#skip"> <div class="playbar-btn skip playbar">
<i class="material-icons">skip_next</i> <i class="material-icons">skip_next</i>
</a> </div>
<div id="duration"></div> <div id="duration"></div>
<div id="fullscreen" class="hide-on-small-only"> <div id="fullscreen" class="hide-on-small-only">
<i class="material-icons">fullscreen</i> <i class="material-icons">fullscreen</i>