VladPolskiy/postgres-web
1
0
Fork 0
mirror of https://github.com/postgres/pgweb.git synced 2025-08-01 15:54:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pin the navigation bar to the top of the page.

Browse Source 
From user feedback, the scrolling navigation bar would cause problems with
readability, especially in larger font views. This keeps the navigation bar
pinned to the top, until we can find a way to more easily handle this.
This commit is contained in:
Jonathan S. Katz
2019-02-03 09:33:00 -05:00
parent 86004e5f82
commit 53d041d968
3 changed files with 2 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
media/css/main.css
View File

@ -469,6 +469,7 @@ ul.bold {
background-color: #336791;
font-weight: 600;
padding-bottom: 0.2rem;
padding-top: 0.2rem;
}
.pg-shout-box a {
@ -1306,16 +1307,6 @@ table.sponsor-table tbody tr td:nth-child(3) {
}
}
@media (min-width: 992px) {
.navbar.compressed {
padding: 0 10px;
}
.pg-shout-box {
padding-top: 3.7rem;
}
}
@media (max-width: 992px) {
.archive {
margin-top: 2rem;
@ -1330,11 +1321,6 @@ table.sponsor-table tbody tr td:nth-child(3) {
height: 1.5rem;
}
.pg-shout-box {
padding-top: 2.8rem;
margin-bottom: 1rem;
}
#docContent table.table {
font-size: 70%;
}

6
media/js/main.js
View File

@ -1,9 +1,3 @@
$(document).ready(function() {
$(window).on("scroll", function() {
$(".navbar").toggleClass("compressed", $(window).scrollTop() >= 20);
});
});
/*
* Initialize google analytics
*/

2
templates/base/base.html
View File

@ -26,7 +26,7 @@
<div class="row justify-content-md-center">
<div class="col">
<!-- Header -->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand p-0" href="/">
<img class="logo" src="/media/img/about/press/elephant.png" alt="PostgreSQL Elephant Logo">
</a>