remove border button

app/static/css/application.css

@@ -634,6 +634,7 @@ a:hover {
 		--background-color: purple;
 		--button-edges: 10px;
 		--body-edges: 10px;
+		--border-off: 1px solid #e6e9eb;
 	}
 
 
@@ -644,6 +645,12 @@ a:hover {
 
 	.adyen-checkout__payment-method {
 		border-radius: var(--body-edges) !important;
+		border: var(--border-off) !important;
+	}
+
+	.adyen-checkout__payment-method__radio {
+		/* Radio button in payment method header */
+
 	}
 	/* Copy button */
 	

app/static/js/adyen-implementation.js

@@ -537,6 +537,28 @@ function bodyEdges () {
 	r.style.setProperty('--body-edges', bodyPixelVal);
 }
 
+// function noBorder () {
+// 	let borderValue = document.getElementById('noBorder').value
+// 	if (borderValue == 'checked') {
+// 		r.style.setProperty('--border-off', "0")
+// 		console.log(borderValue)
+// 	}
+// 	else {
+// 		r.style.setProperty('--border-off', null)
+// 	}
+// }
+
+// Funtion to show all payment methods
+document.getElementById('noBorder').parentNode.addEventListener('click', function (event) {
+	if (this.querySelector('input').checked) {
+		r.style.setProperty('--border-off', "0")
+		console.log(borderValue)
+	}
+	else {
+		r.style.setProperty('--border-off', null)
+	}
+})
+
 function resetDynamicCSS () {
 	r.style.setProperty('--background-color', null);
 }

app/templates/component.html

@@ -99,6 +99,10 @@
             <input type="checkbox" class="custom-control-input" id="placeholderData" data-toggle="toggle">
             <label class="custom-control-label" for="placeholderData">Include placeholder data</label>
           </div>
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="noBorder" data-toggle="toggle">
+            <label class="custom-control-label" for="noBorder">Include placeholder data</label>
+          </div>
           <div class="form-group">
             <label for="formControlRange">Change button edges</label>
             <input type="range" class="form-control-range" id="buttonEdges" onchange="buttonEdges(this.value);" min="0" max="25" value="5">