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

More fixed positions on mobile

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2018-03-18 18:47:07 +01:00
parent f70cf00fd1
commit 95d518d42f
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1616,7 +1616,7 @@ nav .zbrand.channel-logo-container {
} }
#nav { #nav {
background-color: rgba(0, 0, 0, 0.3); background-color: #2d2d2d;
} }
.control-list{ .control-list{
@@ -1758,6 +1758,8 @@ margin-right: 52%;
min-width: 64px; min-width: 64px;
float:right; float:right;
text-align: center; text-align: center;
display: flex;
justify-content: center;
} }
.nav-btn:hover{background-color:rgba(0,0,0,0.6);} .nav-btn:hover{background-color:rgba(0,0,0,0.6);}
.hover-text{display:none;} .hover-text{display:none;}
@@ -2870,8 +2872,11 @@ nav ul li:hover, nav ul li.active {
} }
#fp-nav{ #fp-nav{
position:initial; width:100%;
width:initial; }
#search-wrapper {
width: 100vw;
} }
#toast-container{ #toast-container{
@@ -3050,7 +3055,6 @@ nav ul li:hover, nav ul li.active {
.mega { .mega {
background: white; background: white;
margin-top: 0px;
} }
#bar{ #bar{
background-color:rgba(0,0,0,1); background-color:rgba(0,0,0,1);
@@ -3126,7 +3130,7 @@ nav ul li:hover, nav ul li.active {
} }
.navbar-fixed, #nav{ .navbar-fixed, #nav{
position: relative; /*position: relative;*/
} }
.navbar-fixed { .navbar-fixed {
@@ -3205,7 +3209,9 @@ nav ul li:hover, nav ul li.active {
transform: initial; transform: initial;
display: flex; display: flex;
max-width: initial; max-width: initial;
width: calc(100vw - 90px); width: 100vw;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
} }
#search_loader{ #search_loader{
@@ -3221,9 +3227,10 @@ nav ul li:hover, nav ul li.active {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
display: inline-block; display: inline-block;
top:56px !important; top:56px !important;
width: 100vw;
} }
.title-container li { .title-container li {
width: 100%; /*width: 100%;*/
} }
#inner-results { #inner-results {

2
server/public/assets/js/player.js
View File

@@ -628,6 +628,8 @@ var Player = {
var color = c.color; var color = c.color;
if(window.location.pathname != "/" && ((offline && c.only) || (!offline && !c.only) || (!offline && c.only))) { if(window.location.pathname != "/" && ((offline && c.only) || (!offline && !c.only) || (!offline && c.only))) {
document.getElementById("main-container").style.backgroundColor = Helper.rgbToHsl(color,true); document.getElementById("main-container").style.backgroundColor = Helper.rgbToHsl(color,true);
$("#nav").css("background-color", Helper.rgbToHsl(color, true));
$(".title-container").css("background-color", Helper.rgbToHsl(color, true));
$("meta[name=theme-color]").attr("content", Helper.rgbToHex(color[0], color[1], color[2])); $("meta[name=theme-color]").attr("content", Helper.rgbToHex(color[0], color[1], color[2]));
if(!client) { if(!client) {
var new_color = Helper.rgbToHex(color[0], color[1], color[2]); var new_color = Helper.rgbToHex(color[0], color[1], color[2]);