Merge pull request #577 from datamade/sticky-button

fix sticky button bug
datamade · Nov 17, 2021 · 00f02f0 · 00f02f0
2 parents eabf8b7 + d41957b
commit 00f02f0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/bga_database/static/css/bootstrap-overrides.css b/bga_database/static/css/bootstrap-overrides.css
diff --git a/bga_database/static/css/custom.css b/bga_database/static/css/custom.css
@@ -255,3 +255,11 @@ h5 {
 #story-feed-stories h5 > a {
   color: unset;
 }
+
+@supports (position: sticky) {
+  .sticky-top-button {
+    position: sticky;
+    top: 55px;
+    z-index: 1020; 
+  } 
+}
diff --git a/templates/jinja2/department.html b/templates/jinja2/department.html
@@ -19,7 +19,7 @@
       </nav>
     </div>
 
-    <div class="sticky-top">
+    <div class="sticky-top-button">
       <div class="float-right pt-2 ml-5">
         {% include 'partials/year_selector.html' %}
       </div>

diff --git a/templates/jinja2/unit.html b/templates/jinja2/unit.html
@@ -19,7 +19,7 @@
       </nav>
     </div>
 
-    <div class="sticky-top">
+    <div class="sticky-top-button">
       <div class="float-right pt-2 ml-5">
         {% include 'partials/year_selector.html' %}
       </div>