f0ck/f0ckv2
3
4
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases Wiki Activity

possible sticky navbar fix for chrome

Browse Source
This commit is contained in:
Kibi Kelburton 2022-05-19 01:52:15 +02:00
parent 5bcd797e6c
commit 7a96f26f84
1 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
public/s/css/f0ck.css
View File

@ -682,9 +682,10 @@ html[theme="f0ck95"] .metadata {
color: var(--black);
}
html[theme="f0ck95"] .container {
/* removing this in favor of sticky navbar */
/* html[theme="f0ck95"] .container {
padding-top: 10px;
}
} */
html[theme="f0ck95"] .media-object {
border-left: inset 2px silver;
@ -896,9 +897,10 @@ html[theme="f0ck95d"] .embed-responsive-16by9::before {
padding-top: 46.25%;
}
html[theme="f0ck95d"] .container {
/* removing this in favor of sticky navbar */
/* html[theme="f0ck95d"] .container {
padding-top: 10px;
}
} */
html[theme="f0ck95d"] .embed-responsive-image {
left: 2px;
@ -1070,7 +1072,8 @@ html, body {
scrollbar-color: var(--scrollbar-color) transparent;
scrollbar-width: thin;
overscroll-behavior-y: contain;
overflow: overlay;
/* overflow: overlay; */
overflow: unset;
font-size: 14px;
}
@ -1170,7 +1173,9 @@ div.posts > a:hover::after {
}
.navbar {
position: fixed;
/* position: fixed; */
/* possible fix in chrome is to unset the overflow on line 1064*/
position: sticky;
top: 0;
padding: 0;
width: 100%;
@ -1294,9 +1299,10 @@ ul.navbar-nav li.nav-item {
visibility: hidden;
}
div#main {
/* removing this in favor of position sticky on navbar! */
/* div#main {
margin-top: 40px;
}
} */
@media (max-width: 444px) {
.mandy {
@ -1334,11 +1340,17 @@ div#main {
justify-content: center !important;
}
}
@media (max-width: 768px) {
/* vllt auch 1024 mal gucken! */
@media (max-width: 1056px) {
.nav-link[data-toggle="dropdown"]::after {
content: "" !important;
}
}
@media (max-width: 768px) {
/* .nav-link[data-toggle="dropdown"]::after {
content: "" !important;
} */
.navbar {
display: grid !important;
@ -1587,7 +1599,7 @@ span.placeholder {
margin-left: auto;
z-index: 1;
position: relative;
padding-top: 5px;
/* padding-top: 5px; */
padding-bottom: 15px;
}
@ -1612,6 +1624,10 @@ span.placeholder {
padding: 2px;
}
.imageDoor img {
background: var(--accent);
}
._204863 {
content: " ";
background: -webkit-linear-gradient(left,#131313,#4f4a4f);