From ab47b73351e76846dba44e35447425b0b97db08c Mon Sep 17 00:00:00 2001
From: Matthew Wire <mjw@mjwconsult.co.uk>
Date: Sun, 1 Mar 2020 15:16:25 +0000
Subject: [PATCH] Change style of card element
---
css/elements.css | 12 ++++++++----
templates/CRM/Core/Payment/Stripe/Card.tpl | 1 -
2 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/css/elements.css b/css/elements.css
index bac09b5a..b56a2517 100644
--- a/css/elements.css
+++ b/css/elements.css
@@ -6,10 +6,14 @@
padding: 2%;
margin: 2% auto;
max-width: 800px;
- background-color: ghostwhite;
- -webkit-box-shadow: 10px 10px 7px -6px rgba(0,0,0,0.81);
- -moz-box-shadow: 10px 10px 7px -6px rgba(0, 0, 0, 0.81);
- box-shadow: 10px 10px 7px -6px rgba(0, 0, 0, 0.81);
+ background-color: #f0f0f0;
+ -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+ box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
+ border: 1px solid transparent;
+}
+#card-element.StripeElement--focus {
+ border: 1px solid gold;
}
#card-errors {
diff --git a/templates/CRM/Core/Payment/Stripe/Card.tpl b/templates/CRM/Core/Payment/Stripe/Card.tpl
index 734b4120..bfb52756 100644
--- a/templates/CRM/Core/Payment/Stripe/Card.tpl
+++ b/templates/CRM/Core/Payment/Stripe/Card.tpl
@@ -16,7 +16,6 @@
{* Add the components required for a Stripe card element *}
{crmScope extensionKey='com.drastikbydesign.stripe'}
-<label for="card-element"><legend>{ts}Credit or debit card{/ts}</legend></label>
<div id="card-element"></div>
{* Area for Stripe to report errors *}
<div id="card-errors" role="alert" class="crm-error alert alert-danger"></div>
--
GitLab