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

moved chromecast to top

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2019-11-05 15:27:32 +01:00
parent 72acad3547
commit 0d0a4625c8
5 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1969,10 +1969,11 @@ nav .zbrand.channel-logo-container {
.castButton { .castButton {
/* display: none; !important*/ /* display: none; !important*/
height: 32px; /* height: 32px;
width: 32px; width: 32px;
padding-top: 3px; */
padding-bottom: 2px; padding: 20px 0px;
height: 64px;
background: transparent; background: transparent;
border: none; border: none;
float: right; float: right;
@@ -2681,10 +2682,19 @@ margin-right: 52%;
margin-left: 10px; margin-left: 10px;
} }
.skip_next_client { .skip_next_client,
.cast-button-header {
float: left; float: left;
} }
.cast-button-header {
display: none;
height: 64px;
width: 64px;
justify-content: center;
align-items: center;
}
#volume-button { #volume-button {
padding-top: 3px; padding-top: 3px;
padding-left: 2px; padding-left: 2px;

4
server/public/assets/js/channel.js
View File

@@ -419,7 +419,7 @@ var Channel = {
if (!Helper.mobilecheck() && !client) { if (!Helper.mobilecheck() && !client) {
Helper.tooltip(".castButton", { Helper.tooltip(".castButton", {
delay: 5, delay: 5,
position: "top", position: "bottom",
html: "Cast Zoff to TV" html: "Cast Zoff to TV"
}); });
} }
@@ -451,7 +451,7 @@ var Channel = {
!Helper.mobilecheck() && !Helper.mobilecheck() &&
!client !client
) { ) {
Helper.css(".castButton", "display", "none"); Helper.css(".cast-button-header", "display", "none");
} }
Helper.log([ Helper.log([

4
server/public/assets/js/listeners.js
View File

@@ -457,7 +457,7 @@ initializeCastApi = function() {
function(event) { function(event) {
Helper.log(["cast state", event.castState]); Helper.log(["cast state", event.castState]);
if (event.castState == "NOT_CONNECTED") { if (event.castState == "NOT_CONNECTED") {
Helper.css(".castButton", "display", "block"); Helper.css(".cast-button-header", "display", "inline-flex");
Helper.addClass(".volume-container", "volume-container-cast"); Helper.addClass(".volume-container", "volume-container-cast");
cast_ready_connect = true; cast_ready_connect = true;
var _chSeen; var _chSeen;
@@ -489,7 +489,7 @@ initializeCastApi = function() {
); );
if (context.getCastState() == "NOT_CONNECTED") { if (context.getCastState() == "NOT_CONNECTED") {
Helper.css(".castButton", "display", "block"); Helper.css(".cast-button-header", "display", "inline-flex");
Helper.removeClass(".castButton", "castButton-white-active"); Helper.removeClass(".castButton", "castButton-white-active");
cast_ready_connect = true; cast_ready_connect = true;
} }

4
server/public/partials/channel/header.handlebars
View File

@@ -37,7 +37,9 @@
</div> </div>
</div> </div>
</li> </li>
<li class="cast-button-header">
<button class="castButton playbar-btn" id="castButton" is="google-cast-button"></button>
</li>
<li class="skip_next_client"> <li class="skip_next_client">
<div class="nav-btn skip"> <div class="nav-btn skip">
<i class="material-icons">skip_next</i> <i class="material-icons">skip_next</i>

1
server/public/partials/channel/players.handlebars
View File

@@ -55,7 +55,6 @@
<div id="fullscreen" class="hide-on-small-only playbar-btn"> <div id="fullscreen" class="hide-on-small-only playbar-btn">
<i class="material-icons">fullscreen</i> <i class="material-icons">fullscreen</i>
</div> </div>
<button class="castButton playbar-btn" id="castButton" is="google-cast-button"></button>
<div id="volume-button" class="playbar-btn"> <div id="volume-button" class="playbar-btn">
<i id="v-mute" class="material-icons">volume_off</i> <i id="v-mute" class="material-icons">volume_off</i>
<i id="v-low" class="material-icons">volume_mute</i> <i id="v-low" class="material-icons">volume_mute</i>