Download button fixes for mobile etc.(#465)

thunderbird · Jul 11, 2023 · 1b9d6ba · 1b9d6ba
1 parent e5e84ee
commit 1b9d6ba
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/assets/css/115-homepage.css b/assets/css/115-homepage.css
@@ -574,7 +574,6 @@ button::after {
   background-position: center;
   opacity: .5;
   inset: 0;
-  inset-inline-end: 4px;
   z-index: -1;
   transition: all .3s;
 }
@@ -586,6 +585,13 @@ button:hover::after {
   background-size: 500%;
 }
 
+/** HACK for Mozilla Firefox */
+@-moz-document url-prefix() {
+  .download-link.btn-download::after {
+    inset-inline-end: 4px;
+  }
+}
+
 .download-button .ios-download,
 .download-button .linux-arm-download,
 .download-button .unrecognized-download,
@@ -671,6 +677,14 @@ button:hover::after {
   display: block !important;
 }
 
+.download-button ul {
+  list-style: none;
+}
+
+.download-button ul li {
+  margin-block: 40px;
+}
+
 p.download-other.download-other-desktop.os_android.os_ios.os_linux.os_linux64.os_osx.os_win.os_win64.os_winsha1 {
   display: none !important;
 }
@@ -693,6 +707,16 @@ p.download-other.download-other-desktop.os_android.os_ios.os_linux.os_linux64.os
   z-index: 100000;
 }
 
+.site-nav .btn-donate::before,
+.site-nav .btn-donate-lg::before,
+.site-nav .btn-download-inline::before,
+.site-nav .btn-download-link::before,
+.site-nav .download-link.btn-download::before,
+.site-nav a.btn::before,
+.site-nav button::before {
+  display: none;
+}
+
 .scrolled-nav {
   --nav-height: 60px;
   border-color: rgba(255, 255, 255, .25);