sheppy/open-web-leaderboard
1
0
Fork 0
mirror of https://github.com/FAUSheppy/open-web-leaderboard.git synced 2025-12-07 23:51:36 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

implement top bar more elegantly

Browse Source 
Fixes a bug causing it to overlap with the leaderboard on some mobilephones
This commit is contained in:
Insugeny_athq
2019-06-13 22:54:53 +02:00
parent aa23a076be
commit 1cf6ded48b
1 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/site.css
View File

@@ -9,7 +9,6 @@ body{
} }
.top-bar{ .top-bar{
position: fixed;
background-color: orange; background-color: orange;
padding-bottom: 10px; padding-bottom: 10px;
padding-top: 10px; padding-top: 10px;
@@ -18,16 +17,14 @@ body{
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
overflow:auto;
} }
.top-button{ .top-button{
height: 80%;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
background-color: red; background-color: red;
font-weight: bold; font-weight: bold;
color: #583535; color: #583535;
} }
@@ -58,7 +55,6 @@ body{
@media(max-width: 800px){ @media(max-width: 800px){
.top-bar{ .top-bar{
/* bar will be scrolled aways */ /* bar will be scrolled aways */
position: absolute;
min-width: 250px; min-width: 250px;
padding-bottom: 4vw; padding-bottom: 4vw;
padding-top: 2vw; padding-top: 2vw;
@@ -118,7 +114,7 @@ body{
/* #################### LEADERBOARDS ##################### */ /* #################### LEADERBOARDS ##################### */
.leaderboard-container{ .leaderboard-container{
margin-top: 60px; margin-top: 10px;
margin-bottom: 50px; margin-bottom: 50px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@@ -166,10 +162,6 @@ body{
.leaderboard-container{ .leaderboard-container{
font-size: 4.5vw; font-size: 4.5vw;
width: 100%; width: 100%;
/* deal with absolute nav-header */
margin-top: 30vw;
} }
.colum-names{ .colum-names{