[tor-commits] [torbutton/master] Bug 28093: Update donation banner style to make it fit in small screens

[gk at torproject.org]

commit a41034ced7a6c0fe590320d9da61d15df1fef42f
Author: Igor Oliveira <igt0 at torproject.org>
Date:   Tue Nov 20 11:15:03 2018 -0200

    Bug 28093: Update donation banner style to make it fit in small screens
---
 src/chrome/skin/aboutTor.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/chrome/skin/aboutTor.css b/src/chrome/skin/aboutTor.css
index 60035a24..cf8290c9 100644
--- a/src/chrome/skin/aboutTor.css
+++ b/src/chrome/skin/aboutTor.css
@@ -431,3 +431,30 @@ body[mobile] .top .heading1 {
   font-size: 62px;
   line-height: 1.1
 }
+
+body[mobile] #donation-banner {
+  position: static;
+}
+
+body[mobile][show-donation-banner="true"] .torcontent-container,
+body[mobile][show-donation-banner="true"] .onion-pattern-container {
+  transform: none;
+}
+
+body[mobile][show-donation-banner="false"] .torcontent-container {
+  transform: translateY(-200px);
+}
+
+ at media only screen and (max-width: 480px) {
+  #donation-banner-image {
+    display: none;
+  }
+
+  #donation-banner-lines {
+    align-items: stretch;
+  }
+
+  #donation-banner-button {
+    text-align: center;
+  }
+}