Positioning of header-buttons

This commit is contained in:
Kasper Rynning-Tønnesen
2017-01-26 21:40:44 +01:00
parent d1cb1bfe98
commit 948b4a6692
3 changed files with 10 additions and 5 deletions

View File

@@ -16,6 +16,10 @@
border:none !important;
}
.header-buttons{
display: block;
}
#player_overlay_controls{
font-size:7rem;
width: 100%;
@@ -455,6 +459,7 @@ nav .brand-logo{
position: fixed;
z-index: 10;
width: calc(100vw - 8px);
overflow: hidden;
}
.import-a, .suggested{

View File

@@ -12,7 +12,7 @@
<img id="zicon" src="/public/images/squareicon_small.png" alt="zöff" title="Zöff" />
</a>
<a href="//zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<ul class="right hide-on-med-and-down">
<li><a class="waves-effect green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
<li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
</ul>

View File

@@ -21,10 +21,10 @@ if(isset($_GET['chan'])){
</a>
<span id="frontpage-viewer-counter" class="hide-on-small-only noselect" title="Divided among all channels. Hidden or not"></span>
<!--<a href="//zoff.no" class="brand-logo brand-mobile hide-on-med-and-up">Zöff</a>-->
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a class="waves-effect waves-cyan" id="offline-mode" title="Offline mode" href="#">Private</a></li>
<li><a class="waves-effect waves-green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
<li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
<ul class="right hide-on-med-and-down">
<li><a class="header-buttons waves-effect waves-cyan" id="offline-mode" title="Offline mode" href="#">Private</a></li>
<li><a class="header-buttons waves-effect waves-green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
<li><a class="header-buttons modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
</ul>
</div>
</nav>