From 0ba9af13b0d0417b260fdb104c7941724c2767ef Mon Sep 17 00:00:00 2001 From: qcigano Date: Tue, 4 Aug 2026 10:40:14 +0200 Subject: [PATCH] =?UTF-8?q?"=C3=84ltere=20Bestellungen"-Knopf=20steht=20je?= =?UTF-8?q?tzt=20ganz=20oben,=20vor=20allen=20Bestellungen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Auf ausdrücklichen Wunsch: der Knopf war bisher unter allen aktuellen Bestellungen platziert. Jetzt steht er direkt unter der Überschrift "Meine Bestellungen", noch vor der neuesten Bestellung — beim Aufklappen erscheinen Suchfeld und ältere Bestellungen also ganz oben, noch vor der aktuellen Liste. Alle 4 Sprachen. Rein eine Markup-Verschiebung (das
wandert vor
im DOM) — die JavaScript-Logik, die ältere Karten per appendChild() in den Aufklappbereich verschiebt, funktioniert unabhängig von der Position weiter, da sie über getElementById auf beide Container zugreift. CSS entsprechend angepasst: margin-top wurde zu margin-bottom, weil der Abstand jetzt VOR der ersten Bestellkarte gebraucht wird statt danach. Getestet (Browser): DOM-Reihenfolge in allen 4 Sprachen bestätigt (order-archive vor order-list), Auf-/Zuklappen weiterhin funktionsfähig, Karten wandern korrekt in den Archiv-Bereich und wieder zurück, Sichtprüfung per Screenshot. Co-Authored-By: Claude Sonnet 5 --- src/pages/ch/konto/angemeldet.astro | 75 +++++++++++++++-------------- src/pages/en/konto/angemeldet.astro | 75 +++++++++++++++-------------- src/pages/fr/konto/angemeldet.astro | 75 +++++++++++++++-------------- src/pages/konto/angemeldet.astro | 75 +++++++++++++++-------------- src/styles/global.css | 5 +- 5 files changed, 160 insertions(+), 145 deletions(-) diff --git a/src/pages/ch/konto/angemeldet.astro b/src/pages/ch/konto/angemeldet.astro index bed4a56..14bd253 100644 --- a/src/pages/ch/konto/angemeldet.astro +++ b/src/pages/ch/konto/angemeldet.astro @@ -178,6 +178,45 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===

{t.accountDash.ordersTitle}

+ + {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern + gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich + lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. + WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet + (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete + Grenze wuerde mit jedem Tag ungenauer werden. + Bewusst GANZ OBEN im Bereich, noch vor der neuesten Bestellung — auf ausdruecklichen + Wunsch, damit der Zugang zu aelteren Bestellungen sofort sichtbar ist. */} + +
{beispielBestellungen.map((b) => (
@@ -288,42 +327,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
))}
- - {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern - gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich - lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. - WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet - (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete - Grenze wuerde mit jedem Tag ungenauer werden. */} -
diff --git a/src/pages/en/konto/angemeldet.astro b/src/pages/en/konto/angemeldet.astro index 31ff30b..9aeb7cd 100644 --- a/src/pages/en/konto/angemeldet.astro +++ b/src/pages/en/konto/angemeldet.astro @@ -178,6 +178,45 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===

{t.accountDash.ordersTitle}

+ + {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern + gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich + lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. + WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet + (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete + Grenze wuerde mit jedem Tag ungenauer werden. + Bewusst GANZ OBEN im Bereich, noch vor der neuesten Bestellung — auf ausdruecklichen + Wunsch, damit der Zugang zu aelteren Bestellungen sofort sichtbar ist. */} + +
{beispielBestellungen.map((b) => (
@@ -288,42 +327,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
))}
- - {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern - gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich - lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. - WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet - (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete - Grenze wuerde mit jedem Tag ungenauer werden. */} -
diff --git a/src/pages/fr/konto/angemeldet.astro b/src/pages/fr/konto/angemeldet.astro index 897adba..fa63c52 100644 --- a/src/pages/fr/konto/angemeldet.astro +++ b/src/pages/fr/konto/angemeldet.astro @@ -178,6 +178,45 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===

{t.accountDash.ordersTitle}

+ + {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern + gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich + lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. + WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet + (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete + Grenze wuerde mit jedem Tag ungenauer werden. + Bewusst GANZ OBEN im Bereich, noch vor der neuesten Bestellung — auf ausdruecklichen + Wunsch, damit der Zugang zu aelteren Bestellungen sofort sichtbar ist. */} + +
{beispielBestellungen.map((b) => (
@@ -288,42 +327,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
))}
- - {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern - gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich - lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. - WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet - (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete - Grenze wuerde mit jedem Tag ungenauer werden. */} -
diff --git a/src/pages/konto/angemeldet.astro b/src/pages/konto/angemeldet.astro index 91c494e..5931dc9 100644 --- a/src/pages/konto/angemeldet.astro +++ b/src/pages/konto/angemeldet.astro @@ -179,6 +179,45 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===

{t.accountDash.ordersTitle}

+ + {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern + gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich + lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. + WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet + (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete + Grenze wuerde mit jedem Tag ungenauer werden. + Bewusst GANZ OBEN im Bereich, noch vor der neuesten Bestellung — auf ausdruecklichen + Wunsch, damit der Zugang zu aelteren Bestellungen sofort sichtbar ist. */} + +
{beispielBestellungen.map((b) => (
@@ -289,42 +328,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
))}
- - {/* Bestellungen, die aelter als ein Monat sind, stehen nicht dauerhaft in der Liste, sondern - gebuendelt hinter diesem Knopf — sonst wird die Uebersicht mit den Jahren unuebersichtlich - lang. Aufgeklappt kann man sie gezielt nach Bestellnummer oder Artikel durchsuchen. - WICHTIG: Ob eine Bestellung "aelter als ein Monat" ist, wird ERST IM BROWSER berechnet - (siehe Skript unten). Die Seite ist statisch vorgebaut — eine schon beim Bauen berechnete - Grenze wuerde mit jedem Tag ungenauer werden. */} -
diff --git a/src/styles/global.css b/src/styles/global.css index d1febc0..9c00d44 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1687,7 +1687,10 @@ a:focus-visible, button:focus-visible { /* Aufklappbereich für Bestellungen, die älter als ein Monat sind (siehe konto/angemeldet.astro). Bewusst zurückhaltend gestaltet: Es ist ein Archiv-Zugang, kein Hauptinhalt — soll die aktuellen Bestellungen darüber nicht optisch überstrahlen. */ -.order-archive { margin-top: 1.2rem; display: flex; flex-direction: column; gap: 0.9rem; } +/* Steht bewusst GANZ OBEN im Bestellungen-Bereich, noch vor der neuesten Bestellung (siehe + konto/angemeldet.astro) — deshalb margin-bottom statt margin-top: der Abstand wird jetzt + VOR der ersten Bestellkarte gebraucht, nicht mehr danach. */ +.order-archive { margin: 0.3rem 0 1.2rem; display: flex; flex-direction: column; gap: 0.9rem; } .order-archive[hidden] { display: none; } .order-archive-toggle { align-self: flex-start;