From bd70197f0bd9a72136b65d31e1d82a5a0327c789 Mon Sep 17 00:00:00 2001
From: Michael Danielczok <michael@pcsg.de>
Date: Sat, 10 Aug 2024 14:17:33 +0200
Subject: [PATCH] feat: styling for login and register affects not the order
page
Related: quiqqer/template-cologne#111
---
bin/css/frontend-users.css | 14 +++++++-------
bin/css/order.css | 11 +++++++++++
bin/css/variables.css | 2 ++
3 files changed, 20 insertions(+), 7 deletions(-)
diff --git a/bin/css/frontend-users.css b/bin/css/frontend-users.css
index 629acd0..c8cde74 100644
--- a/bin/css/frontend-users.css
+++ b/bin/css/frontend-users.css
@@ -245,12 +245,12 @@
/*****************/
/* Login control */
/*****************/
-.quiqqer-fu-login-container,
-.quiqqer-fu-registrationSignUp {
+:where(.loginAndRegister) .quiqqer-fu-login-container,
+:where(.loginAndRegister) .quiqqer-fu-registrationSignUp {
padding: 1.5rem 2rem;
}
-.quiqqer-fu-login-container {
+:where(.loginAndRegister) .quiqqer-fu-login-container {
background: #f8f8f8;
border: 1px solid #ddd;
max-width: 400px;
@@ -258,7 +258,7 @@
width: 100%;
}
-.quiqqer-frontendUsers-login .quiqqer-fu-login-container {
+:where(.loginAndRegister) .quiqqer-frontendUsers-login .quiqqer-fu-login-container {
background: none;
border: none;
margin: 0 auto;
@@ -266,7 +266,7 @@
}
@media screen and (max-width: 767px) {
- .quiqqer-fu-registrationSignUp {
+ :where(.loginAndRegister) .quiqqer-fu-registrationSignUp {
padding: 0;
}
}
@@ -274,7 +274,7 @@
/******************/
/* reset password */
/******************/
-.quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [name="cancel"] {
+:where(.loginAndRegister) .quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [name="cancel"] {
background: none;
border: none;
color: inherit;
@@ -284,7 +284,7 @@
position: initial;
}
-.quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [type="submit"] {
+:where(.loginAndRegister) .quiqqer-fu-login-container .quiqqer-fu-login-forget-password-reset [type="submit"] {
margin-top: 1rem;
}
diff --git a/bin/css/order.css b/bin/css/order.css
index 606d689..04032a9 100644
--- a/bin/css/order.css
+++ b/bin/css/order.css
@@ -454,6 +454,17 @@ table.articles-article {
vertical-align: top;
}
+.articles-article-image {
+ width: var(--_qui-order-basket-articles-image-width);
+ text-align: center;
+}
+
+.articles-article-image__img {
+ width: var(--_qui-order-articles-image-width);
+ height: var(--_qui-order-articles-image-height);
+ object-fit: contain;
+}
+
td.articles-article-information {
text-align: left;
}
diff --git a/bin/css/variables.css b/bin/css/variables.css
index a0ba096..47ad80e 100644
--- a/bin/css/variables.css
+++ b/bin/css/variables.css
@@ -21,4 +21,6 @@
/* ecoyn / ecommerce */
--_qui-order-basket-articles-image-width: var(--qui-order-basket-articles-image-width, 100px);
--_qui-order-basket-articles-image-height: var(--qui-order-basket-articles-image-height, 100px);
+ --_qui-order-articles-image-width: var(--qui-order-articles-image-width, 100px);
+ --_qui-order-articles-image-height: var(--qui-order-articles-image-height, 100px);
}
\ No newline at end of file
--
GitLab