Merge pull request #1798 from matrix-org/anoa/sticky_headers_fix

Fix sticky headers so they don't hide behind header bar on desktop
matrix-org · Jan 11, 2019 · be7a501 · be7a501
2 parents 576aa22 + b7b9683
commit be7a501
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/scripts/css/basic.css b/scripts/css/basic.css
@@ -465,11 +465,23 @@ dl.glossary dt {
 /* -- proposals page -------------------------------------------------------- */
 
 #tables-of-tracked-proposals h2 {
-  margin-top: 7px;
-  padding-left: 10px;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0px;
+    padding-left: 10px;
+    position: -webkit-sticky;
+    position: sticky;
+}
+
+/* Move sticky headers below header bar on desktop */
+@media all and (min-width:980px) {
+    #tables-of-tracked-proposals h2 {
+        top: 52px;
+    }
+}
+
+/* Sticky headers stick to the top on mobile */
+@media all and (min-width:0px) and (max-width: 980px) {
+    #tables-of-tracked-proposals h2 {
+        top: 0px;
+    }
 }
 
 /* -- code displays --------------------------------------------------------- */