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