Pin the navigation bar to the top of the page.

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.

In the context of pgarchives, this is one bit of "future-proofing" as we do not
currently show the shout box in pgarchives, but may do so in the near future.

diff --git a/django/archives/mailarchives/templates/base.html b/django/archives/mailarchives/templates/base.html
index 1dda003e4f3950059a4ae5cc0949e0b83095ec55..43f05e538b7c86f5ee7edcaecbf9ac6781538b23 100644 (file)
--- a/django/archives/mailarchives/templates/base.html
+++ b/django/archives/mailarchives/templates/base.html
@@ -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-archives/img/about/press/elephant.png" alt="PostgreSQL Elephant Logo">
             </a>

diff --git a/django/media/css/main.css b/django/media/css/main.css
index 6fc354630de8132a07c14fe34019c745fe6d7410..eff40a7deb98cc1b611ea3af284c47639e32d4f3 100644 (file)
--- a/django/media/css/main.css
+++ b/django/media/css/main.css
@@ -462,6 +462,7 @@ ul.bold {
     background-color: #336791;
     font-weight: 600;
     padding-bottom: 0.2rem;
+    padding-top: 0.2rem;
 }
 
 .pg-shout-box a {
@@ -803,16 +804,6 @@ h1.subject {
     }
 }
 
-@media (min-width: 992px) {
-    .navbar.compressed {
-      padding: 0 10px;
-    }
-
-    .pg-shout-box {
-      padding-top: 3.7rem;
-    }
-}
-
 @media (max-width: 992px) {
     .archive {
         margin-top: 2rem;
@@ -826,10 +817,6 @@ h1.subject {
       width: 1rem;
       height: 1.5rem;
     }
-
-    .pg-shout-box {
-      padding-top: 2.8rem;
-    }
 }
 
 @media (max-width: 768px) {

diff --git a/django/media/js/main.js b/django/media/js/main.js
index bd1093e862bbf59216e40804319fef4c96291734..6e54b3087239ea5fe84193bf79d77cbb96d850fb 100644 (file)
--- a/django/media/js/main.js
+++ b/django/media/js/main.js
@@ -1,10 +1,3 @@
-$(document).ready(function() {
-  $(window).on("scroll", function() {
-    $(".navbar").toggleClass("compressed", $(window).scrollTop() >= 20);
-  });
-});
-
-
 $(function(){
     /* Callback from main message view when a message is picked in dropdown */
     $('#thread_select').change(function(e) {