From 81bf2b684d5325e06fed796ed4cb79506e1ea499 Mon Sep 17 00:00:00 2001
From: Michael Danielczok <michael@pcsg.de>
Date: Wed, 10 Jul 2024 14:31:55 +0200
Subject: [PATCH] feat(SimpleCheckoutWindow): design improved
Related: pcsg/kunden/freemom/umsetzung#823
---
.../controls/SimpleCheckoutWindow.css | 35 +++++++++++++++++--
bin/frontend/controls/SimpleCheckoutWindow.js | 3 +-
2 files changed, 34 insertions(+), 4 deletions(-)
diff --git a/bin/frontend/controls/SimpleCheckoutWindow.css b/bin/frontend/controls/SimpleCheckoutWindow.css
index 8e178c6..a47eb3c 100644
--- a/bin/frontend/controls/SimpleCheckoutWindow.css
+++ b/bin/frontend/controls/SimpleCheckoutWindow.css
@@ -1,7 +1,16 @@
+@media screen and (min-width: 768px) {
+ .SimpleCheckoutWindow .qui-window-popup-content,
+ .SimpleCheckoutWindow .qui-window-popup-sheet-content {
+ padding: 2rem;
+ }
+}
+
.SimpleCheckoutWindow .SimpleCheckoutWindow-btn-cancel {
- color: grey;
cursor: pointer;
- font-size: 12px;
+ color: inherit;
+ background: none;
+ border: none;
+ outline: none;
}
.SimpleCheckoutWindow .SimpleCheckoutWindow-btn-close {
@@ -12,8 +21,30 @@
display: flex;
float: none !important;
justify-content: space-between;
+ height: auto !important;
+ padding-inline: 1rem;
}
.SimpleCheckoutWindow .SimpleCheckoutWindow-btn-payToOrder {
order: 1;
+}
+
+/* order process */
+.SimpleCheckoutWindow .quiqqer-simple-checkout-basket {
+ top: 0;
+}
+
+.SimpleCheckoutWindow .articles-sum-container {
+ --_bg: #fff;
+ font-size: .875rem;
+ text-align: right;
+}
+
+.SimpleCheckoutWindow .articles-sum tr,
+.SimpleCheckoutWindow .articles-sum td {
+ border-width: 0;
+}
+
+.SimpleCheckoutWindow .quiqqer-simple-checkout-data-pay {
+
}
\ No newline at end of file
diff --git a/bin/frontend/controls/SimpleCheckoutWindow.js b/bin/frontend/controls/SimpleCheckoutWindow.js
index f85abb1..1c8266c 100644
--- a/bin/frontend/controls/SimpleCheckoutWindow.js
+++ b/bin/frontend/controls/SimpleCheckoutWindow.js
@@ -68,7 +68,7 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
}
});
- const CancelBtn = new Element('span', {
+ const CancelBtn = new Element('button', {
'class': 'SimpleCheckoutWindow-btn-cancel',
html : QUILocale.get('quiqqer/order-simple-checkout', 'SimpleCheckoutWindow.btn.cancel'),
events : {
@@ -83,7 +83,6 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
this.Loader.show();
this.getContent().set('html', '');
- this.getContent().setStyle('padding', 0);
this.$Checkout = new SimpleCheckout({
products : this.getAttribute('products'),
--
GitLab