fixed navbar

This commit is contained in:
Flummi 2022-05-12 12:23:30 +02:00
parent b0acc1731d
commit 7e9599adce
3 changed files with 16 additions and 9 deletions

View File

@ -474,12 +474,6 @@ html, body {
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
overflow: overlay; overflow: overlay;
font-size: 14px; font-size: 14px;
height: 100%;
}
@supports (-moz-appearance:none) {
html, body {
height: auto !important;
}
} }
.noscript-badge { .noscript-badge {
@ -577,10 +571,10 @@ div#posts > a:hover::after {
} }
.navbar { .navbar {
position: -webkit-sticky; position: fixed;
position: sticky;
top: 0; top: 0;
padding: 0; padding: 0;
width: 100%;
z-index: 3; z-index: 3;
font-family: var(--font); font-family: var(--font);
text-transform: uppercase; text-transform: uppercase;
@ -692,6 +686,10 @@ span.f0ck {
visibility: hidden; visibility: hidden;
} }
div#main {
margin-top: 40px;
}
@media (max-width: 444px) { @media (max-width: 444px) {
.mandy { .mandy {
position: fixed; position: fixed;
@ -830,6 +828,10 @@ span.placeholder {
grid-template-areas: 'f0ck f0ck f0ck'; grid-template-areas: 'f0ck f0ck f0ck';
} }
div#main {
margin-top: 99px;
}
.navbar-brand { .navbar-brand {
grid-area: f0ck; grid-area: f0ck;
} }
@ -1303,6 +1305,9 @@ span#tags:empty {
.embed-responsive-16by9::before { .embed-responsive-16by9::before {
padding-top: 100%; padding-top: 100%;
} }
div#main {
margin-top: 118px;
}
} }
@media(max-width: 555px) { @media(max-width: 555px) {

View File

@ -1,4 +1,5 @@
@if(session)<!--<div style="position: fixed; bottom: 0; z-index: 998; background-color: var(--bg); width: 100%; height: 29px; border-top: 1px solid var(--accent)">{{ JSON.stringify(session) }}</div>-->@endif @if(session)<!--<div style="position: fixed; bottom: 0; z-index: 998; background-color: var(--bg); width: 100%; height: 29px; border-top: 1px solid var(--accent)">{{ JSON.stringify(session) }}</div>-->@endif
</div>
<script async src="/s/js/theme.js?v=@mtime(/public/s/js/theme.js)"></script> <script async src="/s/js/theme.js?v=@mtime(/public/s/js/theme.js)"></script>
<script src="/s/js/v0ck.js?v=@mtime(/public/s/js/v0ck.js)"></script> <script src="/s/js/v0ck.js?v=@mtime(/public/s/js/v0ck.js)"></script>
<script src="/s/js/f0ck.js?v=@mtime(/public/s/js/f0ck.js)"></script> <script src="/s/js/f0ck.js?v=@mtime(/public/s/js/f0ck.js)"></script>

View File

@ -12,3 +12,4 @@
</head> </head>
<body> <body>
@include(snippets/navbar) @include(snippets/navbar)
<div id="main">