jules/PushingScores
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed bottom navbar and horizontal scrollbar

Browse Source
This commit is contained in:
Cristina Cochior 2019-05-27 00:38:05 +02:00
parent f2370506b4
commit 245f802d33
2 changed files with 37 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
static/css/main.css
View File

@ -14,6 +14,8 @@ body{
width: 100%; width: 100%;
top:0; top:0;
left: 0; left: 0;
margin: 0;
padding: 0;
} }
h1{ h1{
@ -143,20 +145,32 @@ width: 40%;
display: block; display: block;
} }
nav#bottom_descrip_left, nav#bottom_descrip_right { nav.nav_bottom {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
height: auto; height: auto;
z-index: 1000; z-index: 1000;
bottom: 0px; bottom: 0px;
text-transform: uppercase; text-transform: uppercase;
font-size: 15px; font-size: 15px;
line-height: 18px; line-height: 18px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
list-style-type: none; list-style-type: none;
overflow: hidden; overflow: hidden;
}
nav.nav_bottom div li {
margin-right: 2em;
}
nav.nav_bottom div li:first-child {
margin-right: 0;
}
div#bottom_descrip_left, div#bottom_descrip_right {
} }

18
templates/description.html
View File

@ -70,15 +70,15 @@
<div class="nav_bottom"> <nav class="nav_bottom">
<nav id="bottom_descrip_left"> <div id="bottom_descrip_left">
<li class="index"><a href="/">index</a></li> <li class="index"><a href="/">index</a></li>
</nav> </div>
<nav id="bottom_descrip_right"> <div id="bottom_descrip_right">
<li class="no_here">{{itemid}}/31</li> <li class="next_item"><a href={{addressplus}}>next item</a></li>
<li class="prev_item"><a href={{addressminus}}>previous item</a></li> <li class="prev_item"><a href={{addressminus}}>previous item</a></li>
<li class="next_item"><a href={{addressplus}}>next item</a></li> <li class="no_here">{{itemid}}/31</li>
</div>
</nav> </nav>
</div>
{% endblock %} {% endblock %}