Merge pull request #762 from Carifio24/hide-acknowledgement-small-screen

Hide footer on a short screen
cosmicds · Jan 23, 2025 · 60c6bb2 · 60c6bb2
2 parents c3cfb54 + f257b72
commit 60c6bb2
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/src/hubbleds/assets/custom.css b/src/hubbleds/assets/custom.css
@@ -202,6 +202,23 @@ footer .v-card__text {
     padding: 6px;
 }
 
+/* Hide the footer on a short screen (Chromebooks ~768 px) */
+@media (max-height: 800px) {
+  footer.v-footer {
+    display: none;
+  }
+}
+/* also hide on narrow screens (Chromebooks ~1366 px)*/
+@media (max-width: 1200px) {
+  footer.v-footer {
+    display: none;
+  }
+}
+
+.cosmicds-footer .v-card__text {
+    line-height: 1;
+}
+
 .theme--dark .cosmicds-footer {
     background-color: var(--cosmicds-blue) !important; 
     color: #BDBDBD !important; 
@@ -320,4 +337,4 @@ div.plotly .hoverlayer g.hovertext {
 .card-table td {
     padding: 8px;
     border: 1px solid #aaa;
-}
+}