• Sticky thread header/page footer
    0 replies, posted
#header{ position: sticky; top: -1px; z-index: 1500; -webkit-box-shadow: 0px 1px 17px -7px rgba(0,0,0,0.52); -moz-box-shadow: 0px 1px 17px -7px rgba(0,0,0,0.52); box-shadow: 0px 1px 17px -7px rgba(0,0,0,0.52); } #header .navbar-main.navbar.is-dark .navbar-brand .navbar-item.logo{ top: 10px; height: 78px; } .pagnation.postpagnation.below{ border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; position: sticky; bottom: 0px; z-index: 1499; } #wrapper #content .postlist .forumpanel{ border-bottom: none; } Makes the top navigation stick to the top and the bottom pagination stick to the bottom while browsing a thread. I made something similar with the old dark theme and decided to fix it up for this new one. I know this works in threads, but haven't really checked it elsewhere. Also as note this will all fit into an empty Custom CSS box with 40 characters left to spare when completely minified, I am sure this could be updated to be shorter but I just wanted it to work. This ended up getting added in the dark theme when I posted it and people seemed like they wanted it. https://files.facepunch.com/forum/upload/110057/e600d01a-51a0-4046-b5f4-e82e9ac89252/2018-03-27_17-21-58.webm I posted this in the ricing central thread, but figure not everyone really looks in there, I know I don't. I also think that something like this implemented by default would be great, so posting it as its own thread.
Sorry, you need to Log In to post a reply to this thread.