Start resizing nav bar.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Captain ALM 2022-07-29 21:55:32 +01:00
parent 4d73afb83f
commit 2dff16f7af
Signed by: alfred
GPG Key ID: 4E4ADD02609997B1
2 changed files with 9 additions and 6 deletions

View File

@ -8,7 +8,7 @@ Under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Internati
box-sizing: border-box; box-sizing: border-box;
} }
main{ main{
padding-top: 90px; padding-top: 70px;
padding-left: 6px; padding-left: 6px;
} }
.no-dec{ .no-dec{
@ -36,7 +36,7 @@ main{
.home-button, .sort-button{ .home-button, .sort-button{
display: inline-block; display: inline-block;
width: 64px; width: 64px;
height: 82px; height: 62px;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
} }
@ -45,7 +45,7 @@ main{
} }
.home-button > div, .sort-button > div{ .home-button > div, .sort-button > div{
display: inline; display: inline;
font-size: 60px; font-size: 48px;
padding: 10px; padding: 10px;
vertical-align: middle; vertical-align: middle;
} }
@ -110,13 +110,13 @@ main{
} }
.menu a{ .menu a{
display: block; display: block;
padding: 32px 18px; padding: 22px 18px;
} }
.hmb{ .hmb{
cursor: pointer; cursor: pointer;
float: right; float: right;
background-color: transparent; background-color: transparent;
padding: 40px 20px; padding: 30px 20px;
} }
.hmb-line{ .hmb-line{
display: block; display: block;
@ -154,10 +154,11 @@ main{
} }
.sort-menu:checked ~ .so-pane, .so-pane-open{ .sort-menu:checked ~ .so-pane, .so-pane-open{
display: block; display: block;
z-index: 101;
box-sizing: content-box; box-sizing: content-box;
position: fixed; position: fixed;
text-align: center; text-align: center;
top: 85px; top: 65px;
left: 136px; left: 136px;
max-height: 100%; max-height: 100%;
width: 230px; width: 230px;

View File

@ -156,9 +156,11 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
<!-- This needs to be moved into a script tag along with other stuff not here yet for JS support
<div class="data-hold">{{ .GetInt64Duration }}</div> <div class="data-hold">{{ .GetInt64Duration }}</div>
<div class="data-hold">{{ .GetStartDateHTML }}</div> <div class="data-hold">{{ .GetStartDateHTML }}</div>
<div class="data-hold">{{ .GetEndDateHTML }}</div> <div class="data-hold">{{ .GetEndDateHTML }}</div>
-->
</div> </div>
{{ end }} {{ end }}
</main> </main>