diff options
Diffstat (limited to 'views/css/frontend.css')
| -rw-r--r-- | views/css/frontend.css | 29 |
1 files changed, 21 insertions, 8 deletions
diff --git a/views/css/frontend.css b/views/css/frontend.css index 84e759b..6232f45 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -341,13 +341,19 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_produktattribute_value { display:inline-block; }
/* Bestellansicht */
-.wpsg_mod_kundenverwaltung_order .wpsg_mod_kundenverwaltung_producttable { margin-top:1rem; margin-bottom:2rem; }
-.wpsg_mod_kundenverwaltung_order {
- table { width:100%;
- td, th { text-align:left; }
- }
- .wpsg_box { border-bottom:1px solid black; padding-bottom:1rem; margin-bottom:1rem; }
-}
+/* Kundenkonto „Bestellungen“: je Bestellung eine Karte, Positionen aufklappbar (K135) */
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order { border:1px solid var(--wpsg-color-line, rgba(127,127,127,.35)); border-radius:var(--wpsg-radius, 4px); padding:1em 1.25em; margin:0 0 1em; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.25em 1em; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__title { margin:0; font-size:1em; font-weight:700; line-height:1.4; }
+.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__sum, .col_price) { white-space:nowrap; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__sum { font-weight:700; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__meta { margin:.25em 0 0; font-size:var(--wpsg-font-size-small, .875em); }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__items { margin-top:.75em; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__items > summary { cursor:pointer; font-size:var(--wpsg-font-size-small, .875em); }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__items table { width:100%; margin:.5em 0 0; border-collapse:collapse; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__items td { padding:.5em 0; border-top:1px solid var(--wpsg-color-line-soft, rgba(127,127,127,.2)); vertical-align:top; text-align:left; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__items td.col_price { padding-left:1em; text-align:right; }
+.wpsg_mod_kundenverwaltung_order .wpsg-account-order__detail { display:block; font-size:var(--wpsg-font-size-small, .875em); opacity:var(--wpsg-muted-opacity, .85); }
/* Trusted Shops Integration */
.wpsg_checkout label[for="wpsg_mod_trustedshops_set"] { margin:1rem 0 1rem 0; display:block; }
@@ -420,7 +426,6 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:68%; }
/* Produktdetailansicht */
- .wpsg_productform .wpsg_produkt_shortdescription { display:none; }
.wpsg_productform .wpsg_mod_produktindex_stock { margin:10px 0; }
.wpsg_productform .wpsg_mod_produktindex_stock label { margin-bottom:0em; float:left; margin-right:10px; }
@@ -584,10 +589,18 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input { margin-right: 5px; width: auto; }
.wpsg_mod_request_requestpage input[type="text"],
.wpsg_mod_request_requestpage select { width:100%; height:30px; margin-top:5px; margin-bottom:5px;}
+.wpsg_mod_request_requestpage .wpsg_cell_amount input[type="text"] { box-sizing:border-box; width:4em; max-width:100%; }
+.wpsg_mod_request_requestpage .wpsg_commentblock textarea { box-sizing:border-box; width:100%; height:150px; padding:0.75em 1em; font-family:inherit; }
.wpsg_mod_request_requestpage h2 { margin-top:2rem; margin-bottom:1rem; }
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock { display:flex; flex-direction:row; width:100%; }
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .street { flex-grow:1; padding-right:15px; }
.wpsg_mod_request_requestpage #wpsg_streetnr.wpsg_checkoutblock .nr input { width:75px; }
+.wpsg_mod_request_requestpage input, .wpsg_mod_request_requestpage select, .wpsg_mod_request_requestpage textarea { box-sizing:border-box; }
+@media (max-width:400px) {
+ .wpsg_mod_request_requestpage .wpsg_cell_amount, .wpsg_mod_request_requestpage .wpsg_cell_sumprice { width:auto; }
+ .wpsg_mod_request_requestpage thead th { font-size:0.8em; hyphens:auto; }
+ .wpsg_mod_request_requestpage table { display:block; overflow-x:auto; }
+}
.requestlist_ajax_wrap { padding-bottom:2rem; }
.wpsg_progress { padding:0px; margin:0px; width:100%; margin-bottom:100px; margin-top:30px; }
|