Disable donation badge on mobiles

globaleaks · Sep 23, 2024 · 2318c3a · 2318c3a
1 parent 1b4a894
commit 2318c3a
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 23 deletions.
diff --git a/documentation/_static/custom.css b/documentation/_static/custom.css
@@ -84,29 +84,13 @@ vertical li.current > a {
   list-style: disc;
 }
 
-@media screen and (min-width: 767px) {
-  .wy-nav-content {
-    max-width: 100% !important;
-  }
-
-  .wy-table-responsive table td,
-  .wy-table-responsive table th {
-    white-space: normal !important;
-  }
-
-  .wy-table-responsive {
-    overflow: visible !important;
-    max-width: 100%;
-  }
-}
-
 .donation-banner {
+  position: fixed;
+  top: 0;
   background-color: #fff;
   padding: 10px;
   text-align: center;
   width: 100%;
-  position: fixed;
-  top: 0;
   z-index: 1000;
 }
 
@@ -115,12 +99,28 @@ vertical li.current > a {
 }
 
 .donation-icon {
-    width: 30px;
-    height: 30px;
-    vertical-align: middle;
-    margin-right: 10px;
+  width: 30px;
+  height: 30px;
+  vertical-align: middle;
+  margin-right: 10px;
 }
 
 body {
-    padding-top: 50px;  /* To avoid content overlap */
+  padding-top: 50px;  /* To avoid content overlap */
+}
+
+@media screen and (min-width: 767px) {
+  .wy-nav-content {
+    max-width: 100% !important;
+  }
+
+  .wy-table-responsive table td,
+  .wy-table-responsive table th {
+    white-space: normal !important;
+  }
+
+  .wy-table-responsive {
+    overflow: visible !important;
+    max-width: 100%;
+  }
 }
diff --git a/documentation/_static/custom.js b/documentation/_static/custom.js
@@ -1,4 +1,8 @@
 document.addEventListener("DOMContentLoaded", function() {
+    if (window.innerWidth < 767) {
+        return;
+    }
+
     var banner = document.createElement("div");
     banner.className = 'donation-banner';
     banner.innerHTML = '<img src="https://raw.githubusercontent.com/globaleaks/whistleblowing-software/main/brand/assets/heart.svg" class="donation-icon" alt="Donate" /> Globaleaks is free and open-source whistleblowing software. <a href="https://github.com/sponsors/globaleaks">Donate here to support its development!</a>';