tweak style to fit into a Cascade page better

wbbaker · Oct 2, 2024 · c9c317c · c9c317c
1 parent c5a78ab
commit c9c317c
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/config/style/purdue-cascade.css b/config/style/purdue-cascade.css
@@ -0,0 +1,11 @@
+#main-content #app header:is(.flex) {
+    /* Cascade has its own page header, so hide the TaxonPages header.
+     * Even if we remove the header from the Vue app, a placeholder will be added. */
+    display: none;
+}
+
+#main-content #app .h-screen {
+    /* TaxonPages takes over the screen, but that's not good behavior inside a Cascade page. */
+    height: unset;
+    min-height: 30rem;
+}