Disable donation badge on mobiles

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

Hide file tree

Showing 2 changed files with 29 additions and 25 deletions.
diff --git a/documentation/_static/custom.css b/documentation/_static/custom.css
@@ -85,6 +85,31 @@ vertical li.current > a {
 }
 
 @media screen and (min-width: 767px) {
+  body {
+    padding-top: 50px;  /* To avoid content overlap */
+  }
+
+  .donation-banner {
+    position: fixed;
+    top: 0;
+    background-color: #fff;
+    padding: 10px;
+    text-align: center;
+    width: 100%;
+    z-index: 1000;
+  }
+
+  .donation-banner a {
+    font-weight: bold;
+  }
+
+  .donation-icon {
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
+
   .wy-nav-content {
     max-width: 100% !important;
   }
@@ -99,28 +124,3 @@ vertical li.current > a {
     max-width: 100%;
   }
 }
-
-.donation-banner {
-  background-color: #fff;
-  padding: 10px;
-  text-align: center;
-  width: 100%;
-  position: fixed;
-  top: 0;
-  z-index: 1000;
-}
-
-.donation-banner a {
-  font-weight: bold;
-}
-
-.donation-icon {
-    width: 30px;
-    height: 30px;
-    vertical-align: middle;
-    margin-right: 10px;
-}
-
-body {
-    padding-top: 50px;  /* To avoid content overlap */
-}
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>';