Pcoombe has uploaded a new change for review. ( 
https://gerrit.wikimedia.org/r/398550 )

Change subject: Fix select arrow overlapping contents
......................................................................

Fix select arrow overlapping contents

Fix select arrow to not overlap contents e.g. on currency selector
for unsupported currency. Also we don't need special RtL styles,
these are handled by ResourceLoader.

Bug: T181435
Change-Id: I6e7683c6a0b253bf0ba0a755d80efd6cb5055212
---
M gateway_forms/mustache/forms.css
1 file changed, 7 insertions(+), 6 deletions(-)


  git pull 
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/DonationInterface 
refs/changes/50/398550/1

diff --git a/gateway_forms/mustache/forms.css b/gateway_forms/mustache/forms.css
index 9e7e307..6b107ab 100644
--- a/gateway_forms/mustache/forms.css
+++ b/gateway_forms/mustache/forms.css
@@ -191,13 +191,9 @@
   -moz-appearance: none;
   appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg 
xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 
12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 
5-5'/%3E%3C/svg%3E");
-  background-position: right;
   background-repeat: no-repeat;
-  background-origin: content-box;
-}
-
-body.rtl #payment-table-donor select {
-  background-position: left;
+  background-position: center right 8px;
+  padding-right: 24px;
 }
 
 #payment-table-donor input[type="text"]:hover,
@@ -405,6 +401,11 @@
         -webkit-appearance: none;
     }
 
+    td#donate form select {
+        background-position: center right 14px;
+        padding-right: 28px;
+    }
+
     body #mw-content-text #donate #greenBackground {
         background: transparent;
         border: 0;

-- 
To view, visit https://gerrit.wikimedia.org/r/398550
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I6e7683c6a0b253bf0ba0a755d80efd6cb5055212
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/DonationInterface
Gerrit-Branch: master
Gerrit-Owner: Pcoombe <pcoo...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to