diff options
Diffstat (limited to 'views/css')
| -rw-r--r-- | views/css/frontend.css | 29 | ||||
| -rw-r--r-- | views/css/smartcheckout.css | 9 | ||||
| -rw-r--r-- | views/css/wpsg-theme.css | 25 |
3 files changed, 47 insertions, 16 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; }
diff --git a/views/css/smartcheckout.css b/views/css/smartcheckout.css index 6b1f0ec..c044545 100644 --- a/views/css/smartcheckout.css +++ b/views/css/smartcheckout.css @@ -286,13 +286,16 @@ html body.content-style-boxed .entry-content .wpsg_smartcheckout_after.alignwide /* Bestellbedingungen und AGB */ .wpsg_smartcheckout .sc_modul_conditions, -.wpsg_smartcheckout .sc_agb { margin-top:calc(1.1 * var(--sc-u, 1rem)); font-size:calc(0.85 * var(--sc-u, 1rem)); } +.wpsg_smartcheckout .sc_agb, +.wpsg_smartcheckout .wpsg-review-remind { margin-top:calc(1.1 * var(--sc-u, 1rem)); font-size:calc(0.85 * var(--sc-u, 1rem)); } .wpsg_smartcheckout .sc_modul_conditions .wpsg_agb + .wpsg_agb { margin-top:calc(0.6 * var(--sc-u, 1rem)); } /* Die Module setzen den Text als losen Textknoten ins label — Flex würde ihn zerreißen */ .wpsg_smartcheckout .sc_modul_conditions label, -.wpsg_smartcheckout .sc_agb label { display:block; position:relative; padding-left:calc(1.5 * var(--sc-u, 1rem)); cursor:pointer; } +.wpsg_smartcheckout .sc_agb label, +.wpsg_smartcheckout .wpsg-review-remind label { display:block; position:relative; padding-left:calc(1.5 * var(--sc-u, 1rem)); cursor:pointer; } .wpsg_smartcheckout .sc_modul_conditions label > input[type="checkbox"], -.wpsg_smartcheckout .sc_agb label > input[type="checkbox"] { position:absolute; left:0; top:calc(0.15 * var(--sc-u, 1rem)); margin:0; } +.wpsg_smartcheckout .sc_agb label > input[type="checkbox"], +.wpsg_smartcheckout .wpsg-review-remind label > input[type="checkbox"] { position:absolute; left:0; top:calc(0.15 * var(--sc-u, 1rem)); margin:0; } .wpsg_smartcheckout .sc_modul_conditions .wpsg_mod_ordercondition_hint { max-height:calc(9 * var(--sc-u, 1rem)); overflow-y:auto; margin-top:calc(0.5 * var(--sc-u, 1rem)); padding:calc(0.6 * var(--sc-u, 1rem)); border:1px solid var(--sc-line-soft); border-radius:var(--sc-radius); } /* Fehlerhafte Eingaben */ diff --git a/views/css/wpsg-theme.css b/views/css/wpsg-theme.css index 00f3bcf..74d48a7 100644 --- a/views/css/wpsg-theme.css +++ b/views/css/wpsg-theme.css @@ -286,10 +286,19 @@ [id="wpsg_pwd_info"] :where(ul li) { margin:10px 20px; display:block; } .invalid { padding-left:22px; line-height:24px; color:var(--wpsg-color-error); } .valid { padding-left:22px; line-height:24px; color:var(--wpsg-color-success); } -.wpsg_mod_kundenverwaltung_order :where(.wpsg_mod_kundenverwaltung_producttable) { margin-top:var(--wpsg-gap); margin-bottom:2rem; } -.wpsg_mod_kundenverwaltung_order :where(table) { width:100%; } -.wpsg_mod_kundenverwaltung_order :where(table) :where(td, th) { text-align:left; } -.wpsg_mod_kundenverwaltung_order :where(.wpsg_box) { border-bottom:1px solid var(--wpsg-color-line); padding-bottom:var(--wpsg-gap); margin-bottom:var(--wpsg-gap); } +/* Kundenkonto „Bestellungen“: je Bestellung eine Karte, Positionen aufklappbar (K135) */ +.wpsg_mod_kundenverwaltung_order :where(.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 :where(.wpsg-account-order__head) { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.25em 1em; } +.wpsg_mod_kundenverwaltung_order :where(.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 :where(.wpsg-account-order__sum) { font-weight:700; } +.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__meta) { margin:.25em 0 0; font-size:var(--wpsg-font-size-small, .875em); } +.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__items) { margin-top:.75em; } +.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__items > summary) { cursor:pointer; font-size:var(--wpsg-font-size-small, .875em); } +.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__items table) { width:100%; margin:.5em 0 0; border-collapse:collapse; } +.wpsg_mod_kundenverwaltung_order :where(.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 :where(.wpsg-account-order__items td.col_price) { padding-left:1em; text-align:right; } +.wpsg_mod_kundenverwaltung_order :where(.wpsg-account-order__detail) { display:block; font-size:var(--wpsg-font-size-small, .875em); opacity:var(--wpsg-muted-opacity, .85); } :where(.wpsg_mod_kundenverwaltung_widget) :where(input[type="text"], input[type="password"]) { width:100%; margin-bottom:0.5rem; } :where(.wpsg_mod_kundenverwaltung_widget input[type="submit"]) { float:right; } @@ -520,6 +529,9 @@ html body #wpsg_revocation_dialog .inner { background-color:var(--wpsg-color-bac .wpsg_mod_request_requestpage :where(.wpsg_cell_total_brutto), .wpsg_mod_request_requestpage :where(.wpsg_cell_total_netto) { text-align:right; } :where(.wpsg_mod_request_requestpage .wpsg_checkout_typ_3 input) { margin-right:5px; width:auto; } :where(.wpsg_mod_request_requestpage) :where(input[type="text"], select) { width:100%; margin-top:5px; margin-bottom:5px; } +:where(.wpsg_mod_request_requestpage .wpsg_cell_amount) :where(input[type="text"]) { box-sizing:border-box; width:4em; max-width:100%; } +.wpsg_mod_request_requestpage :where(.wpsg_commentblock textarea) { box-sizing:border-box; width:100%; height:150px; } +:where(.wpsg_mod_request_requestpage) :where(input, select, textarea) { box-sizing:border-box; } :where(.wpsg_mod_request_requestpage h2) { margin-top:2rem; margin-bottom:var(--wpsg-gap); } .requestlist_ajax_wrap { padding-bottom:2rem; } @@ -790,7 +802,6 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max @media (max-width:400px) { /* Produkt */ - .wpsg_productform .wpsg_produkt_shortdescription { display:none; } .wpsg_productform :where(.wpsg_mod_produktindex_stock) { margin:10px 0; } .wpsg_produkt_add_basket_wrapper :where(.wpsg_add_basket) { flex:1 1 auto; } @@ -804,4 +815,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_basket :where(.wpsg_button), .wpsg_checkout :where(.wpsg_button), .wpsg_checkout2 :where(.wpsg_button) { width:100%; margin:0 0 10px 0; } .wpsg_overview :where(.wpsg_checkoutbutton, .wpsg_orderbutton) { width:100%; margin:0 0 10px 0; } + /* Anfrageliste (K119) */ + .wpsg_mod_request_requestpage :where(.wpsg_cell_amount, .wpsg_cell_sumprice) { width:auto; } + .wpsg_mod_request_requestpage :where(thead th) { font-size:0.8em; hyphens:auto; } + .wpsg_mod_request_requestpage :where(table) { display:block; overflow-x:auto; } } |
