diff --git a/bin/css/frontend-users.css b/bin/css/frontend-users.css index 629acd054308d2ca0bb6a525f770252ed8e880e6..c8cde74ca385435d28c1ec9231d52b2d55fdf4e6 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 679e1069a1271a3fff06df6deb6b22f54014cf97..e2a2884c5001ba979ea14f9e65979aea2a80b9f9 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 a0ba096e3d4a7511cf0455dd942679dfec221c72..47ad80ed9784bc75d2eeaa7ea1048a4ca481ded1 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