/* ============================================================================ PROJECT LEGEND V0.58.9 - DIALOGE OHNE INNERES ROLLEN (Strang dialoge) ---------------------------------------------------------------------------- Pruefbericht zu V0.58.3: Training (untere Kategorien), Einstellungen, Speichern/Laden, Kaderdialog, Spielanalyse und Spielabschluss mussten bei 1536x770, 1366x768 und 1280x720 gescrollt werden. Gemeinsame Ursache: die Altdialoge sind einspaltige Stapel fuer eine 650-880 px schmale Karte; heute ist die Karte 1180 px breit, in der Hoehe aber auf calc(100dvh - 48px) begrenzt (v03812-responsive.css). Die Breite blieb ungenutzt. Die Behebung ist jedes Mal dieselbe: NEBENEINANDER statt untereinander, nur ab 981 px. Das Telefon bleibt einspaltig und rollt senkrecht wie bisher. Nichts wird gestrichen, nichts abgeschnitten, kein neues Aussehen - nur die Anordnung aendert sich. Keine Wichtig-Markierung, keine neue Breitenmarke. Kaskade: laedt direkt NACH v0576-passung.css und VOR ui-v0420/system.css. Die Altblaetter (phase1/phase2/v03812) liegen in der Schicht "legacy"; ihre Normalwerte (Rasterspalten, Raender, Anordnung) schlaegt jede ungeschichtete Regel, ihre !important-Werte (Innenraender, gap der Einstellungen) nicht - die bleiben unangetastet. Wo ein Neuschnitt der Breite noetig war, steht er an der Quelle (v03812-responsive.css). ========================================================================= */ /* Speicherplaetze, alle Breiten: die alte Innenrolle der Liste (phase1-product- foundation.css, max-height min(62vh,620px)) wurde von normalizeLegacyDialog ohnehin aufgehoben. Mit der Listenmarke bliebe sie stehen - auf dem Telefon waeren das zwei Rollbereiche ineinander. Unter 981 px rollt deshalb weiter nur die Karte. */ #pl420Overlay #modalRoot .pl-save-list{max-height:none;overflow:visible} @media (min-width:981px){ /* -------------------------------------------------------------------------- 1 - TRAINING: SECHS GRUPPENKACHELN IN EINER REIHE (D21) Vorher auto-fit mit 230 px Mindestbreite: bei 1050 px Inhalt vier Spalten, also 4+2 - die untere Reihe (Mental & Taktik, Fitness & Erholung) lag unter der Falz. Jetzt entweder ALLE in einer Reihe (ab 940 px Rasterbreite) oder 3+3 wie bisher darunter. Die Umschaltung haengt an der RASTERbreite, nicht an einer neuen Fenstermarke (sonst entstuende zwischen 981 und ~1145 px ein 5+1 mit einer verwaisten Kachel): clamp(6-Spalten-Mass, (940px-100%)*999, 3-Spalten-Mass). Der Torwart hat fuenf Kacheln - auto-fit legt die leere sechste Spur zusammen, die fuenf teilen sich die Breite. -------------------------------------------------------------------------- */ #pl420Overlay #modalRoot .pl511-gruppen{ grid-template-columns:repeat(auto-fit,minmax(clamp(calc((100% - 60px)/6 - 1px),calc((940px - 100%)*999),calc((100% - 24px)/3 - 1px)),1fr)); } /* Stufe 2 (Uebungen einer Gruppe): fuenf statt vier Karten je Reihe, damit die neun Uebungen von "Technik & Passspiel" in zwei Reihen stehen statt in drei - aber nur, wenn das Raster 1000 px breit ist (fuenf Karten zu 190 px). Darunter gilt wieder das Mass aus v0511-attribute.css (250 px): mit 190 px standen bei 1024x768 vier schmale Karten je Reihe, die Werte-Chips brachen in fr/id um, und der Dialog wurde hoeher als vorher (gemessen Lauf 2: fr 12 -> 66 px, id 12 -> 47 px). */ #pl420Overlay #modalRoot .pl511-uebungen{ grid-template-columns:repeat(auto-fill,minmax(clamp(190px,calc((1000px - 100%)*999),250px),1fr)); } /* -------------------------------------------------------------------------- 2 - SPEICHERPLAETZE: ZWEI SPALTEN (Scrollen Speichern) Sechs Plaetze zu mindestens 96 px (phase2-premium.css, Wichtig-Markierung) standen untereinander: 6 x 96 + 5 x 8 = 616 px Liste (gerechnet) in einer 672 px hohen Karte; gemessen rollte der Dialog bei 1280x720 um 218 px (leer) bzw. 452 px (sechs belegt), messungen/l2-vorher-de.txt. In zwei Spalten sind es drei Reihen; alle sechs Plaetze stehen im Bild. Die Breite dafuer kommt aus v03812-responsive.css (Sonderregel 760 px entfernt). -------------------------------------------------------------------------- */ #pl420Overlay #modalRoot .pl-save-list{ grid-template-columns:repeat(2,minmax(0,1fr)); /* Sicherheitsnetz: passen sechs BELEGTE Plaetze mit sehr langen Namen nicht in drei Reihen, rollt nur die Liste (ausgewiesene Liste, Marke data-pl42-liste in phase1-product-foundation.js) - Kopf und Knopfleiste bleiben stehen. */ flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain; /* Reihen in voller Inhaltshoehe: sonst staucht das Raster bei begrenzter Hoehe die Plaetze, und deren Text wird abgeschnitten (gesehen bei 1280x720, lange Namen) */ grid-auto-rows:max-content;align-content:start; } /* Die drei Knoepfe eines belegten Platzes (Ueberschreiben/Laden/Loeschen) brechen in zwei Reihen um, statt dem Namen die halbe Breite zu nehmen. */ #pl420Overlay #modalRoot .pl-save-slot .pl-slot-actions{max-width:180px} /* Ein belegter Platz hat fuenf Textzeilen (phase1-product-foundation.js: Slot, Name, Spieler/Verein, Saison/Datum/Alter, Speicherzeit). Die Speicherzeit steht jetzt rechts neben Saison/Datum statt darunter - eine Zeile weniger je Platz. Nachher passen sechs belegte Plaetze bei 1280x720 ohne Rollen (Karte 644 von 672 px, messungen/l2-final-de.txt). FLEX mit Umbruch, kein Raster: passt die Speicherzeit nicht mehr daneben (1024 px, lange Knopftexte wie "Sovrascrivi"), rutscht sie als GANZES in die naechste Zeile. Das Raster zwang sie in die Restspalte, dort brach "21.9.2026, 13:06:06" Zeichen fuer Zeichen um (gesehen bei 1024x768, Lauf 2). */ #pl420Overlay #modalRoot .pl-save-slot.has-save>div:first-child{ flex-direction:row;flex-wrap:wrap;column-gap:12px;row-gap:3px;align-items:baseline; } #pl420Overlay #modalRoot .pl-save-slot.has-save>div:first-child>*{flex:1 1 100%;min-width:0} #pl420Overlay #modalRoot .pl-save-slot.has-save>div:first-child>span:nth-last-child(2){flex:0 1 auto} #pl420Overlay #modalRoot .pl-save-slot.has-save>div:first-child>span:last-child{flex:1 1 auto;text-align:right} /* -------------------------------------------------------------------------- 3 - EINSTELLUNGEN: DREI SPALTEN (Scrollen Einstellungen) Sechs Einstellungszeilen, Tonmischer und Rechtliches standen untereinander in 760 px: bei 1280x720 rollte der Dialog um 636 px (messungen/l2-vorher-de.txt). Jetzt: Spalte 1 die drei Auswahlfelder, Spalte 2 die drei Schalter, darunter ueber beide das Rechtliche, Spalte 3 der Mischer ueber die ganze Hoehe. Nur wenn der Mischer da ist (v0440, seit N1 in allen neun Sprachen) - sonst bleibt der Dialog, wie er war. Der Spaltenabstand geht ueber margin/padding: `gap:0` setzt phase2-premium.css mit Wichtig-Markierung, das bleibt so. -------------------------------------------------------------------------- */ #pl420Overlay #modalRoot .pl-settings:has(>[data-pl44-audio-section]){ grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); grid-auto-flow:row dense;align-items:stretch; } /* Auswahlfelder: Beschriftung UEBER dem Feld, das Feld in voller Spaltenbreite - dieselbe Anordnung, die phase1-product-foundation.css:70 auf dem Telefon schon hat. Nachbesserung (Gegenpruefung 21.09.): nebeneinander blieben dem Feld 140-155 px, "Português (Brasil)" und "Bahasa Indonesia" wurden abgeschnitten (auch bei 1920x1080), und die Beschriftung brach bei 1024 px mitten im Wort ("dell'interfacci|a"). Jetzt hat das Feld die ganze Spalte (Basis: 240 px), die Beschriftung bricht nur an Wortgrenzen. */ #pl420Overlay #modalRoot .pl-settings:has(>[data-pl44-audio-section])>label:not(.pl-setting-toggle){ grid-column:1;margin-right:20px; grid-template-columns:minmax(0,1fr);gap:5px;align-content:center; } #pl420Overlay #modalRoot .pl-settings:has(>[data-pl44-audio-section])>label:not(.pl-setting-toggle) select{ justify-self:stretch;width:100%;max-width:none; } #pl420Overlay #modalRoot .pl-settings:has(>[data-pl44-audio-section])>label.pl-setting-toggle{ grid-column:2;margin-right:20px; } #pl420Overlay #modalRoot .pl-settings>[data-pl44-audio-section]{ grid-column:3;grid-row:1/span 4;align-self:start;margin-top:0;padding:12px 0 0 20px;border-top:0; border-left:1px solid var(--pl42-line);gap:8px; } /* Rechtliches unter Auswahlfeldern UND Schaltern (Spalten 1-2): die vier Knoepfe stehen in einer Reihe statt in zwei - das gleicht die hoeheren Auswahlzeilen aus. */ #pl420Overlay #modalRoot .pl-settings>[data-pl45-legal-section]{ grid-column:1/3;grid-row:4;align-self:start;margin-top:0;margin-right:20px; } /* Die Beschriftung der Regler bekommt die breitere Spur, damit "Schuesse, Tore, Publikum" einzeilig bleibt; der Regler selbst braucht keine 44 px Hoehe. */ #pl420Overlay #modalRoot .pl-settings>[data-pl44-audio-section] .pl44-mix-row{ grid-template-columns:minmax(0,1.25fr) minmax(90px,1fr) auto;gap:10px; } #pl420Overlay #modalRoot .pl-settings>[data-pl44-audio-section] .pl44-mix-row input[type=range]{ min-height:32px; } /* -------------------------------------------------------------------------- 4 - KADER: VIER GRUPPEN NEBENEINANDER (Scrollen Kaderdialog) Vorher 2 x 2 (living-world-v0370.js): Mittelfeld und Angriff lagen bei jedem ueblichen Kader unter der Falz. Jetzt Torhueter | Abwehr | Mittelfeld | Angriff in vier Spalten, die Gruppenkoepfe stehen immer im Bild. Die Liste ist eine AUSGEWIESENE Liste mit eigenem, begrenztem Bereich: sie fuellt die Karte bis zum Rand und rollt als Ganzes, wenn eine Gruppe laenger ist (Median der groessten Gruppe je Verein: 11 Spieler). Marke data-pl42-liste (living-world-v0370.js) nimmt sie von normalizeLegacyDialog aus. -------------------------------------------------------------------------- */ #pl420Overlay #modalRoot .pl-lw-squad{ grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;align-items:stretch; flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain; /* Seitenrand wie die Trainerzeile darueber: die Liste erbte 32 px (visual-polish-v03619.css, .modal>.modal-head~:not(.modal-actions)), die Trainerzeile steht buendig. Mit 8 px beginnt der Spielername genau unter "TRAINER" (8 + 6 px Zeilenpolster = 14 px Polster der Trainerzeile), und jede Spalte wird rund 12 px breiter (gerechnet bei 1280x720: 251 -> 263 px) - genug fuer "GER · 31 · セントラルミッドフィールド" (190 px, gemessen) in einer Zeile. */ margin-inline:8px; } #pl420Overlay #modalRoot .pl-lw-squad>section>h4{ position:sticky;top:0;z-index:1;margin:0 0 6px;padding:2px 0 6px; /* die Kartenfarbe selbst (phase2-premium.css --pl2-overlay), damit der Kopf nicht als Band erscheint */ background:var(--pl2-overlay); } /* Trainerzeile in EINER Zeile (Etikett | Name | System · Stil) statt zwei - die Liste darunter bekommt die gewonnene Hoehe (gemessen 1280x720, eigener Kader: die Liste rollte 13 px, 423 von 436 - messungen/final-nachher-de.txt; mit einzeiliger Trainerzeile 0, messungen/l2-final-de.txt). */ #pl420Overlay #modalRoot .pl-lw-coach{margin-bottom:0;padding:10px 14px;grid-template-columns:auto auto minmax(0,1fr)} #pl420Overlay #modalRoot .pl-lw-coach>*{grid-row:1;grid-column:auto} /* Zeilenhoehe = die 44-px-Mindesthoehe der Knoepfe (phase1-product-foundation.css), kein Polster darueber */ #pl420Overlay #modalRoot .pl-lw-player{padding:3px 6px} /* Die Staerke (eigene Zahl bzw. Spanne "54–60") bricht nie um; in der schmaleren Spalte weicht die Unterzeile aus (gesehen ja, 1536x770: "セントラルミッドフィールド" drueckte die Spanne in zwei Zeilen). */ #pl420Overlay #modalRoot .pl-lw-player>span{min-width:0} #pl420Overlay #modalRoot .pl-lw-player>strong{flex:0 0 auto;white-space:nowrap;padding-left:8px} /* Japanisch/Chinesisch: die Positionsbezeichnung ist EIN Wort ohne Leerzeichen. In der Spalte brach "セントラルミッドフィールド" als "…フィール" / "ド" um (Gegenpruefung, ja, 1280x720). keep-all laesst CJK nur noch an Leerzeichen und Satzzeichen umbrechen - die Bezeichnung rutscht als Ganzes in die naechste Zeile. Passt sie auch dort nicht, greift weiter overflow-wrap:anywhere aus v0503-schrift.css (nichts laeuft seitlich aus). */ :root:lang(ja) #pl420Overlay #modalRoot .pl-lw-player small, :root:lang(zh-Hans) #pl420Overlay #modalRoot .pl-lw-player small{word-break:keep-all} /* -------------------------------------------------------------------------- 5 - SPIELANALYSE: SAISONVERGLEICH NEBEN DEN KOPF (Scrollen Spielanalyse) Drei Paneele untereinander (v0420-decisions.js): bei 1536x770 58 px, bei 1280x720 34 px Ueberhang. Der Saisonvergleich (vier Werte) steht jetzt neben dem Ergebniskopf; "Deine Partie" behaelt die volle Breite, ihre Sechserreihe bleibt einzeilig. -------------------------------------------------------------------------- */ .pl42-modal-body:has(>.pl42-analysis-head){ /* 1.15 : 1 (Nachbesserung n4, vorher 1.4 : 1): bei 1280x720 hatte eine Vergleichszelle 101 px, "PARTICIPAÇÕES" (107 px) und "PERTANDINGAN" (109 px) liefen ueber die Zelle, und fr brach "MATCHS JOUÉS DANS LA COMPÉTITION" vierzeilig - der Dialog rollte 7 px (messungen/ n4-probe-analyse-strang.txt). Jetzt rund 115 px je Zelle; der Kopf (Mannschaften, Datum, Wettbewerb) braucht bei 1280 px rund 410 px und behaelt rund 620. */ display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); /* derselbe Abstand senkrecht wie waagerecht: "Deine Partie" stiess vorher ohne Luft an Kopf und Saisonvergleich (Gegenpruefung 21.09., Bild 1536x770) */ gap:var(--pl42-s4);align-content:start; } .pl42-modal-body>.pl42-analysis-head{ grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center; } .pl42-modal-body>.pl42-analysis-head~.pl42-panel:last-child{grid-column:2;grid-row:1} .pl42-modal-body>.pl42-analysis-head+.pl42-panel{grid-column:1/-1;grid-row:2} /* Die vier Vergleichswerte in EINER Reihe, solange die Reihe 480 px hat (bei 1536 standen sie 3+1 mit umbrochener Beschriftung - die Reihe war so hoch wie zwei), sonst 2+2. Umschaltung an der Reihenbreite, nicht am Fenster (wie Abschnitt 1). 480 statt 440 px: unter 480 waeren die Zellen schmaler als 108 px, und die laengsten Einzelwoerter (id "PERTANDINGAN", pt-BR "PARTICIPAÇÕES") passten nicht mehr. */ .pl42-modal-body>.pl42-analysis-head~.pl42-panel:last-child .pl42-metric-row{ column-gap:16px; grid-template-columns:repeat(auto-fit,minmax(clamp(calc((100% - 48px)/4 - 1px),calc((480px - 100%)*999),calc((100% - 16px)/2 - 1px)),1fr)); } /* -------------------------------------------------------------------------- 8 - STATUSERKLAERUNG "WAS BEDEUTET MEIN STATUS?" (Nachbesserung, S08-Nachbar) Neun Aufklapper untereinander (phase1-product-foundation.js showSystemExplain) und darueber der Kontextblock mit Rolle, Taktischer Passung, Marktwert und GEHALT - der Block bleibt (Entscheidung der Hauptsitzung 21.09.), nur seine S08-Zeile ist uebersetzt. Untereinander rollte der Dialog bei 1280x720 um 149 px (pruefung/messungen/basis-de.txt). Jetzt zwei Spalten: die neun Zeilen stehen in fuenf Reihen im Bild. Ein aufgeklappter Eintrag waechst nur in seiner Reihe (align-items:start), sein Nachbar bleibt, wie er war. -------------------------------------------------------------------------- */ #pl420Overlay #modalRoot .pl-explain-list{ grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:12px; } } /* Spielanalyse, alle Breiten: das Ergebnisabzeichen ist ein 22-px-Kreis fuer EINEN Buchstaben (ui-v0420/screens.css .pl42-outcome--w/d/l, Ergebnisliste S/U/N). Im Kopf der Spielanalyse steht darin das ganze Wort, das ueber den Kreis hinauslief: "Victoire" 42 px, id "Kemenangan" 70 px (messungen/n4-probe-analyse-strang.txt, Basis wie Strang). Hier wird der Kreis zur Pille, die das Wort umschliesst - Farbe und Schrift bleiben. */ .pl42-modal-body>.pl42-analysis-head :is(.pl42-outcome--w,.pl42-outcome--d,.pl42-outcome--l){ width:auto;min-width:22px;flex:0 0 auto;padding-inline:8px;border-radius:var(--pl42-r-pill); } /* ============================================================================ 6 - SPIELABSCHLUSS: KENNZAHLEN, AUSWERTUNG UND EREIGNISSE NEBENEINANDER (Scrollen Spielabschluss) ---------------------------------------------------------------------------- Das Endbild der Live-Partie (v0400-live-match.js renderPostMatch) stapelt Kopf, Bewertung, Kennzahlen, Spielauswertung (v0518: Schusskarte und Auszeichnung), Hinweis, Ereignisse (nur mit "Details") und Fussleiste untereinander - gemessen rund 955 px Inhalt in einer 684-730 px hohen Karte (Ueberhang 230-271 px, messungen/l2-vorher-spielende-de.txt). Abschnitt 28 von v0576-passung.css laesst die Karte zwischen klebendem Kopf und Fuss rollen; das verhindert das Abschneiden, nicht das Rollen. Jetzt in Zeilen: Kopf | Bewertung + Hinweis | Kennzahlen + Auswertung | Fuss. Mit "Details" kommt die Ereignisliste als DRITTE Spalte dazu - die acht Kennzahlen bleiben stehen (Entscheidung der Hauptsitzung 21.09.: nichts darf verschwinden); die Liste rollt in ihrem eigenen Bereich, so hoch wie die Zeile. FLEX mit Umbruch, nicht Grid: in einem Grid waere der Containing Block von Kopf und Fuss nur ihr eigenes Rasterfeld, und sie hoerten auf zu kleben. Im Flex-Behaelter kleben sie weiter - rollt die Karte doch einmal, bleibt "Zur Uebersicht" im Bild. Gilt auch ohne Auswertungsblock (Partie ohne Einsatz): dann stehen Kennzahlen und Ereignisse allein in Zeile 3. ========================================================================= */ @media (min-width:981px){ .pl391-live.is-post-match .pl391-post{ display:flex;flex-wrap:wrap;align-content:flex-start;align-items:stretch; } .pl391-live.is-post-match .pl391-post>*{flex:1 1 100%;min-width:0;order:5} .pl391-live.is-post-match .pl391-post>header{order:0} /* Zeile 2: Bewertung und Hinweis ("Analyse bereit") */ .pl391-live.is-post-match .pl391-post>.pl391-post-rating{order:1;flex:1 1 40%} .pl391-live.is-post-match .pl391-post>.pl391-post-note{ order:1;flex:1 1 40%;align-self:center;margin:10px 18px 10px 0; } /* Zeile 3: Kennzahlen und Auswertung */ .pl391-live.is-post-match .pl391-post>.pl391-post-grid{order:2;flex:1 1 40%;align-content:start} .pl391-live.is-post-match .pl391-post>.pl518-block{order:3;flex:1 1 40%;margin:10px 18px 10px 0} /* Mit "Details": drei Spalten. Die Grundmasse (27/36/27 %) sind so gewaehlt, dass die Zeile sicher umbricht (Zeile 2 ist mit 2 x 40 % voll) und die drei samt Raendern auch bei 981 px Fensterbreite in EINE Zeile passen (gerechnet: 90 % + 46 px Raender). */ .pl391-live.is-post-match.show-details .pl391-post>.pl391-post-grid{flex:3 1 27%} /* In der schmaleren Spalte: die Kennzahlenzellen mit dem seitlichen Polster, das ui-v0391/ live-match.css unter 850 px Hoehe ohnehin setzt (9 statt 18 px). Mit 18 px lief das Raster ab 851 px Fensterhoehe 14 px unter die Spielauswertung (gesehen 1920x1080, "KEY-|PAESSE" zweizeilig). Die Schrift bleibt. */ .pl391-live.is-post-match.show-details .pl391-post>.pl391-post-grid article{padding-inline:9px} .pl391-live.is-post-match.show-details .pl391-post>.pl518-block{flex:4 1 36%} .pl391-live.is-post-match.show-details .pl391-post>.pl391-post-details{ order:4;flex:3 1 27%;margin:10px 18px 10px 0; display:flex;flex-direction:column; /* Die Liste bestimmt die Zeilenhoehe NICHT mit (contain:size), sie nimmt die Hoehe, die Kennzahlen bzw. Auswertung vorgeben, und rollt darin. Die Mindesthoehe haelt sie lesbar, falls sie einmal allein in einer Zeile steht. */ contain:size;min-height:220px; } .pl391-live.is-post-match.show-details .pl391-post>.pl391-post-details ol{ grid-template-columns:minmax(0,1fr);align-content:start; flex:1 1 auto;min-height:0;margin-top:10px;overflow:auto;overscroll-behavior:contain; } .pl391-live.is-post-match .pl391-post>footer{order:9} /* Auswertung: das Jubilaeumsbanner steht ueber der Auszeichnung statt ueber beiden Spalten - neben der Schusskarte ist dort ohnehin freie Hoehe. Vorher kippte das Banner die Karte ins Rollen (Gegenpruefung: id, U17 mit zweizeiligen Namen, 1280x720 35 px, 1600x900 36 px). Das Raster selbst traegt keine Flaeche (v0518-auswertung.css: nur display:grid, gap), display:contents macht seine beiden Spalten zu Zellen des Blocks. */ .pl391-live.is-post-match .pl391-post>.pl518-block{ display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:12px 14px;align-items:start;align-content:start; } .pl391-live.is-post-match .pl391-post>.pl518-block>.pl518-kopf{grid-column:1/-1} .pl391-live.is-post-match .pl391-post>.pl518-block>.pl518-raster{display:contents} .pl391-live.is-post-match .pl391-post>.pl518-block>.pl518-jubilaeum{grid-column:2} .pl391-live.is-post-match .pl391-post>.pl518-block:has(>.pl518-jubilaeum)>.pl518-raster>.pl518-spalte:first-child{grid-column:1;grid-row:2/span 2} .pl391-live.is-post-match .pl391-post>.pl518-block:has(>.pl518-jubilaeum)>.pl518-raster>.pl518-spalte+.pl518-spalte{grid-column:2} /* Auszeichnung in der schmalen Spalte (mit "Details" bei 1024 px): Medaille und Text standen nebeneinander, das laengste Wort ("Auszeichnung", "Penghargaan") passte nicht mehr, der Text lief 17-22 px ueber die Karte hinaus (messungen/n4-strang2-spielende-*.txt, ragt). Mit Umbruch rutscht der Text nur dann unter die Medaille, wenn beide nebeneinander keinen Platz haben - ab 1280 px bleibt alles, wie es war. */ .pl391-live.is-post-match .pl391-post .pl518-motm-karte{flex-wrap:wrap} .pl391-live.is-post-match .pl391-post .pl518-motm-karte>div{flex:1 1 0} } /* Spielanalyse in niedrigen Fenstern (vorhandene Marke max-height:800px): nur Abstaende. In fr bricht "MATCHS JOUÉS DANS LA COMPÉTITION" dreizeilig; bei 1536x770 rollte der Dialog damit 7 px (messungen/n4-strang2-v2-sprachen.txt; Paneelkopf 16 px und Trennlinie 2 x 14 px Rand, plaene/n4-probe-analysebox.js). Enger: Paneelkopf 10 px, Trennlinie 2 x 10 px. */ @media (min-width:981px) and (max-height:800px){ .pl42-modal-body:has(>.pl42-analysis-head) .pl42-panel-head{margin-bottom:10px} .pl42-modal-body:has(>.pl42-analysis-head) .pl42-divider{margin-block:10px} } /* Niedrige Fenster: nur Abstaende. Der Kopf des v0400-Endbilds (.pl400-post-score, 19 px Rand) hat keine Kompaktregel - ui-v0391/live-match.css verkleinert nur das alte h1. Die Schrift bleibt (gemessen: 64 -> 46 px haette 3 px gebracht, messungen/spielende-fr-banner-B*.txt). Die Auswertung rueckt enger zusammen. Marke max-height:960px (freigegeben, ENTSCHEIDUNG-HAUPTSITZUNG.md "Zwischenhoehen"): mit der alten Marke 800px rollte das Endbild bei 1536x864 (id, U17 mit zweizeiligen Namen, Banner) noch 10 px (messungen/n4-strang-spielende-id-banner.txt) - zwischen 801 und ~870 px Hoehe griff weder diese noch die 850-px-Kompaktregel von ui-v0391. 1920x1080 (Fenster ~1000 px) bleibt unberuehrt. */ @media (min-width:981px) and (max-height:960px){ .pl400-live .pl400-post-score{margin:6px auto 0} .pl391-live.is-post-match .pl391-post>.pl518-block{margin-block:6px;padding-block:10px;gap:8px 14px} .pl391-live.is-post-match .pl391-post .pl518-jubilaeum{padding-block:7px} } /* ============================================================================ 7 - TELEFON: EIN ROLLBALKEN, NICHT ZWEI (Handy-Regel) ---------------------------------------------------------------------------- Gemessen bei 390x844 (Bestand, messungen/l2-vorher-de.txt: FLAECHE-ROLLT 8 px): jede Altkarte ist 844 px hoch (ui-v0420/responsive.css: min-height:100dvh schlaegt den Deckel calc(100dvh - 8px) aus v03812-responsive.css), liegt aber in einer Flaeche mit 4 px Polster. Die Flaeche rollt 8 px (overflow:auto mit Wichtig-Markierung, v03812) - neben dem Rollbalken der Karte stand ein zweiter. Die Mindesthoehe folgt jetzt dem Deckel; die Karte fuellt das Bild weiter ganz aus. ========================================================================= */ @media (max-width:640px){ #pl420Overlay #modalRoot .modal, #pl420Overlay #modalRoot .modal.card{min-height:calc(100dvh - 8px)} }