moved some css out from js

This commit is contained in:
Kasper Rynning-Tønnesen
2018-07-24 23:44:10 +02:00
parent 8638685e19
commit dea78ffd41
2 changed files with 16 additions and 3 deletions

View File

@@ -183,6 +183,19 @@ margin: auto;
width: 50% !important; width: 50% !important;
} }
.hide-playlist-button {
position: absolute;
top: 128px;
background: inherit;
display:flex;
align-items:center;
justify-content:center;
z-index: 99;
font-size: 1rem;
padding: 10px;
color: white;
}
#pageNumber{ #pageNumber{
cursor: default; cursor: default;
color: white; color: white;
@@ -191,7 +204,7 @@ margin: auto;
} }
#channel-share-modal { #channel-share-modal {
overflow:hidden; overflow:hidden;
background: transparent !important; background: transparent !important;
text-align: center !important; text-align: center !important;
margin: auto; margin: auto;

View File

@@ -24,7 +24,7 @@ var Channel = {
Helper.addClass(".volume-container", "volume-container-cast"); Helper.addClass(".volume-container", "volume-container-cast");
} }
if(!embed) { if(!embed) {
document.querySelector("#main-container").insertAdjacentHTML("beforeend", "<a id='hide-playlist' class='hide-on-small-only' href='#!' style=' position: absolute;top: 128px;background: inherit;display:flex;align:items:center;justify-content:center;z-index: 99;font-size: 1rem;padding: 10px;color: white;'><i class='material-icons'>keyboard_arrow_right</i></div>"); document.querySelector("#main-container").insertAdjacentHTML("beforeend", "<a id='hide-playlist' class='hide-on-small-only hide-playlist-button' href='#!'><i class='material-icons'>keyboard_arrow_right</i></div>");
document.querySelector("#hide-playlist").style.left = (document.querySelector("#video-container").offsetWidth - document.querySelector("#hide-playlist").offsetWidth) + "px"; document.querySelector("#hide-playlist").style.left = (document.querySelector("#video-container").offsetWidth - document.querySelector("#hide-playlist").offsetWidth) + "px";
} }
//Player.soundcloud_player = document.querySelector("#soundcloud_player"); //Player.soundcloud_player = document.querySelector("#soundcloud_player");
@@ -630,7 +630,7 @@ var Channel = {
url: "/", url: "/",
method: "GET", method: "GET",
success: function(e){ success: function(e){
if(!client) { if(!client) {
document.querySelector("#hide-playlist").remove(); document.querySelector("#hide-playlist").remove();
if(hiddenPlaylist) document.querySelector("main").style.maxWidth = ""; if(hiddenPlaylist) document.querySelector("main").style.maxWidth = "";