Merge pull request #3 from Chargily/optimize

Optimize

README.md

@@ -1,9 +1,9 @@
 # Chargily Pay™ V2
 
 - Requires at least: 2.0
-- WordPress Tested up to: 6.5
-- WooCommerce Tested up to: 8.7.0
-- Stable tag: 2.2.5
+- WordPress Tested up to: 6.6.2
+- WooCommerce Tested up to: 9.4.0
+- Stable tag: 2.3.0
 - Requires PHP: 7.0
 - License: GPLv2
 - License URI: https://www.gnu.org/licenses/gpl-2.0.html

assets/css/css-back.css

@@ -10,44 +10,51 @@ span.components-visually-hidden.css-0.e19lxcc00{
 	width: 1px;
 	overflow-wrap: normal;
 }
-	
+
  .css-mkkf9p {
-     flex: 1 1 auto;
+	flex: 1 1 auto;
 }
+
  .css-cn3xcj {
-     margin-bottom: 12px;
+	margin-bottom: 12px;
 }
+
  .css-1pd4mph {
-     background-color: rgb(255, 255, 255);
-     color: rgb(30, 30, 30);
-     position: relative;
-     box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
-     outline: none;
-     border-radius: calc(1px);
+	background-color: rgb(255, 255, 255);
+	color: rgb(30, 30, 30);
+	position: relative;
+	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
+	outline: none;
+	border-radius: calc(1px);
 }
+
  .css-188a3xf:last-of-type {
-     border-bottom-left-radius: calc(1px);
-     border-bottom-right-radius: calc(1px);
+	border-bottom-left-radius: calc(1px);
+	border-bottom-right-radius: calc(1px);
 }
+
  .css-188a3xf:first-of-type {
-     border-top-left-radius: calc(1px);
-     border-top-right-radius: calc(1px);
+	border-top-left-radius: calc(1px);
+	border-top-right-radius: calc(1px);
 }
+
  .css-188a3xf {
-     box-sizing: border-box;
-     height: auto;
-     max-height: 100%;
-     padding: calc(16px) calc(24px);
+	box-sizing: border-box;
+	height: auto;
+	max-height: 100%;
+	padding: calc(16px) calc(24px);
 }
 
 input#woocommerce_chargily_pay_gateway_api_info.input-text.regular-input {
-     display: none;
+	display: none;
 }
+
 input#woocommerce_chargily_pay_description.input-text.regular-input {
-     display: none;
+	display: none;
 }
- input#woocommerce_chargily_pay_gateway_title.input-text.regular-input {
-     pointer-events: none;
-     border: 0px;
-     background-color : #ffffff00;
+
+input#woocommerce_chargily_pay_gateway_title.input-text.regular-input {
+	pointer-events: none;
+	border: 0px;
+	background-color : #ffffff00;
 }

assets/css/css-front-rtl.css

@@ -1,17 +1,17 @@
 label.Chargily:before, label:after {
-    right: 29px;
+	right: 29px;
 }
 
 a.chlogo {
-    padding-right: 10px;
+	padding-right: 10px;
 }
 
 img.edahabiaCardImage {
-    margin-right: auto;
+	margin-right: auto;
 	margin-left: inherit;
 }
 
 img.cibCardImage {
-    margin-right: auto;
+	margin-right: auto;
 	margin-left: inherit;
 }

assets/css/css-front.css

@@ -5,11 +5,15 @@
 }
 
 img.edahabiaCardImage {
-    margin-left: auto;
+	margin-left: auto;
 }
 
 img.cibCardImage {
-    margin-left: auto;
+	margin-left: auto;
+}
+
+img.appCardImage {
+	margin-left: auto;
 }
 
 span#radio-control-wc-payment-method-options-chargily_pay__label {
@@ -28,6 +32,12 @@ input#chargilyv2_cib {
 	opacity: 0;
 }
 
+input#chargilyv2_app {
+	z-index: -1;
+	position: absolute;
+	opacity: 0;
+}
+
 [type="radio"]:checked~label.Chargily {
 	cursor: pointer;
 	border-color: #16a34a;
@@ -86,11 +96,9 @@ label.Chargily {
 	justify-content: space-between;
 	cursor: pointer;
 	position: relative;
-	/*display: grid;*/
 	align-items: center;
 	grid-template-columns: 20px auto 100px;
 	grid-gap: 20px;
-	/*width: 100%;*/
 	height: 62px;
 	padding: 0 20px;
 	border-radius: 6px;