/* ============================================================================ V0.58.9 - STRANG UEBERSICHT/SPIELER (Pruefbericht zu V0.58.3) Befunde D01-D09, D20, N01 (F07 steht in v0521-analyse.js). ---------------------------------------------------------------------------- Laedt direkt NACH v0576-passung.css und VOR ui-v0420/system.css. Deshalb: - gegen v0576-passung.css gewinnt bei gleicher Gewichtung dieses Blatt, - gegen system.css (laedt danach) nur mit HOEHERER Gewichtung. Hausregeln: kein Vorrang-Schalter, keine neue Breiten-/Hoehenmarke (hier nur 981 / 1440 / 800, alle vorhanden), nichts wird still abgeschnitten. Reihenfolge der Mittel: Abstaende, dann Umordnen, dann Aufklapper (G). Keine Schriftgroesse in diesem Blatt. Einzige Ausnahme im Strang: ein Spielername, der sonst mitten im Wort braeche oder mehr als zwei Zeilen braeuchte, wird in v0589-uebersicht-spieler.js kleiner gesetzt (D02). NACHBESSERUNG 21.09.2026 nach der Gegenpruefung: G/H (letztes Vertragsjahr), A3 (GES/ROLLE nebeneinander), C neu (Analyse ganze Breite statt kleinem Radar), B1 (PROGRESSO), Grundlage messungen\nb-*.txt auf Wirt g. ZWEITER NACHBESSERUNGSLAUF (Wirt h, messungen\h-*.txt, Basis = h-*-B.txt): G/H gelten ueber die Klasse pl525-knapp auch bei 1440x900/1600x900, wenn der offene Block nicht passt; A3 fuer alle Desktophoehen; A4 neu (Uebersicht ueber 800 px Hoehe); B1 Balkenbeschriftung min-width:auto. Gemessen mit plan-kachelpassung.ps1 und eigenen Proben (Strang-Ordner messungen\), Ausgangsstand Leipzig Saxons, Spieltag 9, 27.10.2026. ========================================================================= */ /* ---------------------------------------------------------------------------- A - UEBERSICHT, NAECHSTES SPIEL: DIE WAPPEN WURDEN BESCHNITTEN Abschnitt 45 (v0576-passung.css:1556) setzt den Wappenkasten bei <=800 px Hoehe auf 48 px und das SVG auf 100 % - 100 % seines Elternteils. Das ist aber nicht der Kasten, sondern die Wappenhuelle .pl-club-badge--xl mit fest 84 px (club-identity-v03619.css:4). Der Kasten (overflow:hidden) zeigte also die linke obere Ecke eines 84-px-Wappens: "BH" von Bremen angeschnitten, das Leipziger Wappen als Bruchstueck. Die Huelle folgt jetzt dem Kasten. Gemessen vorher: 1 abgeschnittenes Element je Laptopgroesse (kp-basis-de). ------------------------------------------------------------------------- */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--overview .pl42-badge-xl>.pl-club-badge{--pl-club-badge-size:100%} } /* A2 - UEBERSICHT IN LANGEN SPRACHEN: Abschnitt 53 hat den Deckel der Kopfreihe aufgehoben - seither wird nichts mehr geschnitten, aber was nicht passt, steht als Ueberhang da. Gemessen (kp-n3-*, ov-sprachen-n3): id 1366 52 px, it 1280 41 px, it/fr/pt-BR 1366 8 px. Zwei Ursachen: (1) Das Band SAISONVERLAUF bricht in zwei Reihen, weil sein Kopf in id/it 300-311 px breit ist und fuer vier Kacheln zu minmax(190px) je Kachel nicht mehr reicht (it 1280: 805 von 806 px). 160 px je Kachel tragen Symbol und Text; die Fortschrittsspur behaelt ihre 180 px. (2) NAECHSTES SPIEL: in id stehen die fuenf Knoepfe in drei Reihen (509 von 496 px in der zweiten). Der Innenrand der Knoepfe 13 -> 10 px holt die Reihe zurueck. Schrift und Knoepfe bleiben. (3) Danach blieben id/it bei 1280x720 7 px ueber (kp-n4-*): das Band bleibt dort zweizeilig hoch (Werte wie "Corso della stagione" brechen um), der Transfermarkt verlor seine letzte Zeile. Abstaende der unteren Karten: Kopfzeile 13 -> 8, Angebotszeile 7 -> 4, Kennzahlzeilen 14 -> 8 px. (4) Danach ragte in es/it/id bei 1280x720 die Kennzahlreihe noch 4 px ueber die Unterkante der Transferkarte (probe-karten, karten-n5 - das Kachelwerkzeug sieht das nicht, es prueft nur Textelemente). Innenrand oben/unten der unteren Karten 11,5 -> 8 px. */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--overview .pl42-phase-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))} #pl420Root .pl42-overview-top .pl42-nextmatch-actions .pl42-btn{padding-left:10px; padding-right:10px} #pl420Root .pl42-screen--overview .pl42-overview-bottom .pl42-panel-head{margin-bottom:var(--pl42-s2)} #pl420Root .pl42-screen--overview .pl42-overview-bottom .pl42-offer-line{margin-bottom:var(--pl42-s1)} #pl420Root .pl42-screen--overview .pl42-overview-bottom .pl42-metric-row{row-gap:var(--pl42-s2)} #pl420Root .pl42-screen--overview .pl42-overview-bottom .pl42-panel{padding-top:var(--pl42-s2); padding-bottom:var(--pl42-s2)} } /* A3 - UEBERSICHT, HELDENFELD: GES UND ROLLE NEBENEINANDER (D02, lange Namen) Die Containerabfrage screens.css:693 stapelt die beiden Kennzahlen, sobald der Textteil <=420 px breit ist - bei 1366 (382 px) und 1280 (416 px) also immer: Faktenzeile 96/93 px statt 54 px wie bei 1536 (nb-ovnatur-strang.txt). Damit war im Heldenfeld kein Platz fuer eine zweite Namenszeile; jeder zweizeilige Name schob die Seite 8-42 px ueber (nb-vorher-strang.txt Z47-Z63). Hier stehen die beiden nebeneinander wie bei 1536, mit dem Strich dazwischen. Reicht die Breite nicht (lange Rolle), bricht die Rolle in die naechste Zeile um - wie bisher, nur spaeter. Gewicht (1,3,0) gegen (0,2,0). Zweite Nachbesserung: fuer ALLE Desktophoehen (ab 981 px Breite). Bei 1440x900 / 1600x900 / 1700x900 stapelte die Containerabfrage die beiden ebenso (Faktenzeile 114-121 px, Textteil 284-345 px breit); die Kopfreihe wurde dadurch 346-361 px hoch, und in der Karte TRANSFERMARKT ragte die zweite Kennzahlreihe 4-14 px ueber die Kartenkante, in es/pt-BR lief die Seite bei 1700x900 11 px ueber - schon in der Basis (messungen\ h-haupt*-B.txt, h-zwischen-B.txt). Wo der Textteil breiter als 420 px ist (1920x1080), stehen die beiden ohnehin nebeneinander - die Regeln wiederholen dort nur, was schon gilt. */ @media (min-width:981px){ #pl420Root .pl42-overview-top .pl42-hero-facts>.pl42-stat{flex:0 1 auto} #pl420Root .pl42-overview-top .pl42-hero-facts>.pl42-hero-divider{display:block} } /* A4 - UEBERSICHT UEBER 800 PX HOEHE (1440x900, 1600x900, 1700x900) Schon in der Basis ragte dort in der Karte TRANSFERMARKT die zweite Kennzahlreihe 4-31 px ueber die Kartenkante, in es/pt-BR lief die Seite bei 1700x900 11 px ueber (messungen\h-haupt*-B.txt, h-zwischen-B.txt, 9 von 9 Sprachen). Ursache: Kopfreihe und untere Reihe schrumpfen beide (Abschnitt 7, flex:0 1 auto) - im Verhaeltnis ihrer Inhaltshoehe, und die Kopfreihe ist durch das Spielerbild hoch (natuerlich 358-398 px). Die untere Reihe hat aber keinen Bildteil, der nachgeben koennte - ihre Kennzahlen ragten heraus. Jetzt gibt die Kopfreihe doppelt so stark nach (flex-shrink 2 : 1). Ausgemessen (messungen\h-ovr-S5.txt, 9 Sprachen, Verhaeltnis 1 / 1,5 / 2 / 2,5 / 3): flex-shrink:0 fuer die untere Reihe und 3 : 1 schnitten bei 1700x900 die Karte NAECHSTES SPIEL ab (bis 21 bzw. 7 px, h-zwischen-S4/S5.txt) - verworfen. Bei 2 : 1 ist 1600x900 in allen 9 Sprachen frei (Rest hoechstens 2 px); bei 1700x900 bleibt in es/pt-BR ein Fehlbetrag, den kein Verhaeltnis loest (das Band SAISONVERLAUF ist dort 108 statt 81 px hoch, "Temporada en curso" bricht in der Kachel um). Ohne Fehlbetrag (1920x1080, 1680x1050, 1600x1000) schrumpft nichts, dort aendert sich nichts. Dazu wie auf den Laptopgroessen (A2 (1)) das Band SAISONVERLAUF mit 160 px je Kachel: bei 1440x900 in es/it/pt-BR/id 100 statt 134 px hoch. Nur ueber 800 px Hoehe: "not (max-height:800px)" ist die vorhandene Marke, verneint - auf den Laptopgroessen gilt weiter Abschnitt 53. */ @media (min-width:981px) and (not (max-height:800px)){ #pl420Root .pl42-screen--overview>.pl42-overview-top{flex-shrink:2} #pl420Root .pl42-screen--overview .pl42-phase-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))} } /* ---------------------------------------------------------------------------- B - SPIELER, PROFIL: KOPFREIHE OHNE DECKEL, INHALT ENGER (D04, D05) Abschnitt 44b deckelt die Kopfreihe bei <=800 px Hoehe auf 330 px. Die Vertragskarte wollte 431 (1536) / 416 (1366) / 414 (1024) px, die Entwicklungskarte 379 (1366) / 367 (1280): der Rest lag UNTER der Saisonreihe - Jahresgehalt angeschnitten, "Vertrag & Management" verdeckt, Entwicklungshinweis verdeckt (messungen\natur-basis.txt, profil-basis.txt). Abschnitt 47 hat den Deckel schon einmal aufgehoben und es wurde schlechter, weil die natuerliche Hoehe nicht sank. Hier sinkt sie ZUERST (B1-B3), dann faellt der Deckel (B4). Die Saisonreihe gibt nach (flex:1 1 auto), ihre Einsatzliste rollt in sich - das ist ihr vorgesehener Bereich. ------------------------------------------------------------------------- */ /* B1 - Entwicklung, breites Band (>1440, drei Spalten): D04. Die Wertespalte war eine 1fr-Spur mit Untergrenze 0 und bekam 21 px; die Werte ragten mit max-content ins Positionsfeld. Jetzt bekommt die Werte- spalte ihre Inhaltsbreite (auto), der Balken ist der biegsame Teil, aber mit Boden: min-content = Beschriftung + Zahl. Das Positionsfeld gibt nach (Abschnitt 29 hat es dafuer gebaut: min-width 0, Spielfeld max-width 100%). system.css:693 setzt am Balken min-width:clamp(150px,13vw,230px) mit (1,1,0) und laedt spaeter - hier (1,2,0). */ @media (min-width:981px){ #pl420Root .pl42-screen--player .pl42-development-grid{ grid-template-columns:minmax(min-content,1fr) auto minmax(0,auto); } #pl420Root .pl42-screen--player .pl42-development-progress{min-width:0} /* Die Werte duerfen zwischen Woertern umbrechen (CONDICAO / FISICA), nie im Wort: min-content ist das laengste Wort (Abschnitt 36 bleibt gewahrt). */ #pl420Root .pl42-screen--player .pl42-development-values{min-width:min-content} #pl420Root .pl42-screen--player .pl42-development-values .pl42-stat small{ white-space:normal; overflow-wrap:normal; word-break:keep-all; hyphens:none; } /* Nachbesserung: dasselbe fuer die Beschriftung des Balkens. Ohne sie war min-content der Balkenspur ein einzelner Buchstabe - bei pt-BR mit "Meio-campo defensivo" bekam die Spur 71/77 px und "PROGRESSO" brach mitten im Wort (1441x770, 1470x956; nb-vorher-strang.txt Z104/Z106). */ #pl420Root .pl42-screen--player .pl42-development-progress .pl42-attr>span{ overflow-wrap:normal; word-break:keep-all; hyphens:none; /* Zweite Nachbesserung: keep-all allein genuegte nicht. screens.css:32 gibt der Beschriftung min-width:0, damit zaehlte sie im Raster (1fr auto, screens.css:31) mit 0 px - die Spur blieb 71 px, "PROGRESSO" (66 px) lief im 55-px-Kasten in die Zahl: "PROGRESSO1" (pt-BR, Meio-campo defensivo, 1441x770, messungen\h-pos-S.txt). Mit auto zaehlt das ganze Wort als Untergrenze der Spur; das Positionsfeld gibt nach. */ min-width:auto; } } /* B2 - Entwicklung, schmales Band (<=1440, zwei Spalten): umordnen statt stapeln. Bisher: Zeile 1 Balken | Werte (Werte 167-172 px hoch, Balken 29), Zeile 2 Positionsfeld ueber die ganze Breite (77-82 px). Jetzt steht das Positionsfeld UNTER dem Balken in der linken Spalte, die Werte stehen rechts ueber beide Zeilen - die Karte wird rund 100 px niedriger, alles bleibt. Das Spielfeld behaelt seine Groesse aus Abschnitt 29. */ @media (max-width:1440px) and (min-width:981px){ #pl420Root .pl42-screen--player .pl42-development-grid{ grid-template-columns:minmax(0,auto) minmax(0,1fr); align-items:start; } #pl420Root .pl42-screen--player .pl42-development-progress{ min-width:clamp(150px,13vw,230px); grid-column:1; grid-row:1; } #pl420Root .pl42-screen--player .pl42-development-grid>.pl42-development-values{ grid-column:2; grid-row:1 / span 2; } #pl420Root .pl42-screen--player .pl42-development-grid>.pl42-position-map{ grid-column:1; grid-row:2; flex-direction:column; align-items:flex-start; gap:var(--pl42-s1); } } /* B3 - Abstaende der Kopf- und Saisonkarten bei <=800 px Hoehe (D05). Kopfzeilen 13 -> 8 px, Trennlinien 14 -> 8 px, Fuss der Vertragskarte clamp(12px,1.4vw,24px) -> 8/12 px. Bei 1536 passen VERTRAGSENDE und JAHRESGEHALT damit nebeneinander (240 px Innenbreite, 101 + 123 + 12). */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--player .pl42-player-top .pl42-panel-head, #pl420Root .pl42-screen--player .pl42-player-saison .pl42-panel-head{margin-bottom:var(--pl42-s2)} #pl420Root .pl42-screen--player .pl42-contractcard .pl42-divider{margin-top:var(--pl42-s2); margin-bottom:var(--pl42-s2)} #pl420Root .pl42-screen--player .pl42-contract-foot{gap:var(--pl42-s2) var(--pl42-s3)} /* (Die Fussregel fuer lange Sprachen steht jetzt in B3b, fuer alle Hoehen.) */ /* B4 - erst jetzt der Deckel: 330 px (Abschnitt 44b) faellt fuer den Spieler. Gleiche Gewichtung (1,2,0), dieses Blatt laedt spaeter. NACHBESSERUNG: Im letzten Vertragsjahr haengt v0525 den Block "Haltung des Vereins" (142-198 px) an die Vertragskarte. Ohne Deckel drueckte er die Saisonreihe auf 0-97 px, die Liste LETZTE EINSAETZE war 0-34 px hoch (nb-vorher-strang.txt Z8-Z43: Ueberhang de 84/170/142, it 118/127/171, cy0 id 1280 210 px). B4 gilt nur zusammen mit G/H unten, die den Block auf den Laptopgroessen zu einer Zeile machen. */ #pl420Root .pl42-screen--player>.pl42-player-top{max-height:none} /* B5 - it/pt-BR/id bei 1280x720: die Karte SCHLUESSELWERTE war 11 px zu kurz, ihr letzter Balken stand unter der Kartenkante (karten-n5). Die Reiterleiste hat 13 px Aussenabstand UND die 8-px-Luecke des Schirms; die Luecke genuegt. */ #pl420Root .pl42-screen--player[data-pl568="1"]>.pl568-leiste{margin-bottom:0} } /* B3b - FUSS DER VERTRAGSKARTE IN LANGEN SPRACHEN (it "FINE DEL CONTRATTO", pt-BR "SALARIO ANUAL" ...): bisher min-width:max-content (screens.css:642) - zwei Beschriftungen aus mehreren Woertern passten nie nebeneinander, der Fuss hatte drei Zeilen (it/pt-BR 1536: Karte 409 px, Seite 10 px ueber; 1280: 40 px, kp-n3-*). Jetzt darf die BESCHRIFTUNG zwischen Woertern umbrechen, nie im Wort; der WERT bleibt einzeilig (nowrap) und bestimmt die Mindestbreite - so bricht weder "ausgelaufen" noch "75,9 Tsd. EUR" um. Passen beide nicht nebeneinander, stehen sie untereinander wie bisher. NACHBESSERUNG: erst nur bis 800 px Hoehe. Bei 1920x1080 und 1700x900 stand der Fuss in it deshalb weiter dreizeilig (184 bzw. 179 px): im letzten Vertragsjahr ragten bei 1920x1080 SAISON 10 px und SCHLUESSELWERTE 16 px ueber ihre Karten - schon in der Basis (pruefung\m-d05-d02-basis.txt, it|1920x1080) -, bei 1700x900 dasselbe auch im Normalstand (D07-Rest, nb-vorher-strang.txt Z137/Z139). Deshalb jetzt ab 981 px in jeder Hoehe. */ @media (min-width:981px){ #pl420Root .pl42-screen--player .pl42-contract-foot>.pl42-stat{flex:1 1 40%; min-width:min-content} #pl420Root .pl42-screen--player .pl42-contract-foot>.pl42-stat>strong{white-space:nowrap} #pl420Root .pl42-screen--player .pl42-contract-foot>.pl42-stat>small{overflow-wrap:normal; word-break:keep-all} } /* B6 - SCHLUESSELWERTE ENGER (bis 800 px Hoehe). Bei 1024x768 in it/pt-BR stand der letzte Balken 13 px unter der Kartenkante, die Seite lief 3 px ueber (Einwand der Gegenpruefung; nb-n1b.txt Z391/Z395): die Karte will 188 px, die Saisonreihe hat dort 176. Luecke Beschriftung/Balken und Abstand der fuenf Werte 4 -> 2 px: 18 px weniger, fuer jede Groesse. */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--player .pl42-schluessel-karte .pl42-attr{row-gap:calc(var(--pl42-s1) / 2)} #pl420Root .pl42-screen--player .pl42-schluessel-karte .pl42-attr:not(:last-child){margin-bottom:calc(var(--pl42-s1) / 2)} } /* ---------------------------------------------------------------------------- G - LETZTES VERTRAGSJAHR: "HALTUNG DES VEREINS" ALS EINE ZEILE (D05) Entscheidung der Hauptsitzung (notizen\ENTSCHEIDUNG-HAUPTSITZUNG.md, Option (a)): auf den Laptopgroessen EINE Zeile "Haltung: " mit Aufklapper, der Rest auf Klick. v0525-vertragsstand.js baut dafuer die Zeile .pl525-kurz und legt den bisherigen Block unveraendert in .pl525-mehr (Popover). Grundform ueberall: Zeile aus, Block offen wie bisher (Handy unveraendert, 1920x1080 unveraendert, solange er passt). Die Zeilenform traegt die Klasse pl525-knapp; v0525-vertragsstand.js setzt sie ab 981 px Breite auf den Laptopgroessen (bis 800 px Hoehe) IMMER und auf anderen Desktopgroessen dann, wenn der offene Block nicht passt (1440x900, 1600x900: Seite 25-140 px ueber, Saisonreihe 38-152 px - messungen\ h-cy-S.txt, erster Stand dieses Laufs). Das Aufklappfeld liegt ueber der Seite - es verschiebt nichts, die Saisonreihe bleibt in beiden Zustaenden ganz. ------------------------------------------------------------------------- */ #pl420Root .pl525-stand>.pl525-kurz{display:none} #pl420Root .pl525-stand>.pl525-mehr{ display:flex; flex-direction:column; gap:3px; position:static; inset:auto; width:auto; height:auto; margin:0; padding:0; border:0; background:none; color:inherit; overflow:visible; } @media (min-width:981px){ #pl420Root .pl42-contractcard>.pl525-stand.pl525-knapp{padding:0; gap:0} /* Die Zeile ist ein Knopf und behaelt die Trefferflaeche des Hauses (V0420_TOUCH_TARGETS verlangt >= 40 px; hier 44 px aus var(--pl42-touch)). */ #pl420Root .pl525-stand.pl525-knapp>.pl525-kurz{ display:flex; align-items:center; flex-wrap:wrap; column-gap:var(--pl42-s2); row-gap:0; width:100%; margin:0; padding:var(--pl42-s1) var(--pl42-s3); border:0; border-radius:inherit; background:none; color:inherit; font:inherit; line-height:1.35; text-align:left; cursor:pointer; } #pl420Root .pl525-knapp>.pl525-kurz>.pl525-kurz-titel{ font-size:var(--pl42-label); letter-spacing:var(--pl42-track-label); text-transform:uppercase; opacity:.6; font-weight:700; } #pl420Root .pl525-knapp>.pl525-kurz>.pl525-kurz-wort{font-size:var(--pl42-small)} /* Der Pfeil wie beim Aufklapper des Hauses (v0576-passung.css:260). */ #pl420Root .pl525-knapp>.pl525-kurz::after{ content:''; margin-left:auto; width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); opacity:.7; } #pl420Root .pl525-knapp:has(>.pl525-mehr:popover-open)>.pl525-kurz::after{transform:rotate(225deg) translate(-2px,-2px)} #pl420Root .pl525-knapp>.pl525-kurz:hover{background:var(--pl42-line-soft)} #pl420Root .pl525-knapp>.pl525-kurz:focus-visible{outline:2px solid var(--pl42-gold); outline-offset:-2px} #pl420Root .pl525-stand.pl525-knapp>.pl525-mehr:not(:popover-open){display:none} /* Das offene Feld liegt in der obersten Ebene. Lage: unter der Zeile, rechtsbuendig, mindestens so breit wie sie; ist unten kein Platz, darueber (Ankerlage des Browsers; ohne sie setzt v0525-vertragsstand.js top/left). */ #pl420Root .pl525-stand.pl525-knapp>.pl525-kurz{anchor-name:--pl525-kurz} #pl420Root .pl525-stand.pl525-knapp>.pl525-mehr:popover-open{ display:flex; position:fixed; inset:auto; margin:0; height:auto; width:300px; padding:var(--pl42-s3); border:1px solid var(--pl42-line); border-left:3px solid; border-left-color:inherit; border-radius:var(--pl42-r-sm); background:var(--pl42-panel-2); color:inherit; box-shadow:var(--pl42-shadow-2); } @supports (position-area:bottom){ #pl420Root .pl525-stand.pl525-knapp>.pl525-mehr:popover-open{ position-anchor:--pl525-kurz; position-area:bottom span-left; position-try-fallbacks:flip-block; min-width:anchor-size(width); margin-top:6px; } } } /* H - LETZTES VERTRAGSJAHR: PLATZ FUER DIE ZEILE (D05) Gemessen (nb-natur-strang.txt), was die Kopfreihe hoechstens haben darf, damit die Saisonreihe ihren Inhalt behaelt (Budget minus 8 px Luecke minus 188-191 px Saisonkarte): 403 px bei 1536/1366/1024x768, 356 px bei 1280. Die Vertragskarte allein braucht 323 (de) / 352 (it, id) bei 1280 und 380 (de) bei 1366 - fuer die Zeile (rund 30 px) fehlten 7-26 px. (1) Die Vertragsspalte bekommt im letzten Vertragsjahr mehr Breite (Anteile 1.4/1.1/.9 statt 1.5/1.15/.75, v0568-spielerreiter.css:61): VERTRAGSENDE und JAHRESGEHALT stehen dann auch bei 1366 nebeneinander (Fuss 152 -> 98 px), "4 anni rimanenti di mandato" passt in eine Zeile. Probe mit el.style: Held 445/465 px, Entwicklung 350/365 px bei 1366/1280 - 0 Wortbrueche, 0 Ueberschneidungen (nb-natur-strang.txt Z110-Z134). Erst nur bis 1440 px; bei abgelaufenem Vertrag lief 1536 dann 9 (de) bzw. 29 px (id) ueber (nb-n1a.txt Z162/Z177) - jetzt ab 981 px. (2) Die beiden Trennlinien und die Kopfzeilen der Vertragskarte ruecken naeher (8 -> 4 px). Nur mit der Zeile (:has(.pl525-knapp)), sonst bleibt alles wie in B3. ZWEITE NACHBESSERUNG: Bisher hiess die Bedingung "Block da und Hoehe bis 800 px". Seit die Zeile auch bei 1440x900 / 1600x900 steht (wenn der offene Block dort nicht passt, v0525 waehleForm), gilt H ueberall, wo die Zeile steht. Auf den Laptopgroessen ist das dasselbe wie vorher (dort steht mit dem Block immer die Zeile). Ohne H blieben bei 1440x900 13 px (it/pt-BR/id 25 px, Seite 5 px ueber) und bei 1600x900 mit ausgelaufenem Vertrag 9/25 px (de/id) (messungen\h-cy-S3.txt). Dazu (3) der Abstand ueber der Zeile 12 -> 8 px (v0525-vertragsstand.css:2) und (4) die Schluesselwerte wie B6. (1) bleibt auf den Laptopgroessen: ueber 800 px Hoehe braucht es die breitere Vertragsspalte nicht (1440x900: Saisonreihe 309 px mit (1)), und sie kostete dem Helden seine Zeile - "Lukas / Probe" und "Leipzig Saxons - / U15" brachen um (Bild shots\hS-form-reiter-de-1440x900.png, erster Stand). */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--player[data-pl568="1"] .pl42-player-top:has(.pl525-knapp){ grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.9fr); } } @media (min-width:981px){ #pl420Root .pl42-screen--player .pl42-contractcard:has(>.pl525-knapp) .pl42-divider{ margin-top:var(--pl42-s1); margin-bottom:var(--pl42-s1); } #pl420Root .pl42-screen--player .pl42-player-top>.pl42-contractcard:has(>.pl525-knapp)>.pl42-panel-head{ margin-bottom:var(--pl42-s1); } #pl420Root .pl42-screen--player .pl42-contractcard>.pl525-stand.pl525-knapp{margin-top:var(--pl42-s2)} #pl420Root .pl42-screen--player:has(.pl525-knapp) .pl42-schluessel-karte .pl42-attr{row-gap:calc(var(--pl42-s1) / 2)} #pl420Root .pl42-screen--player:has(.pl525-knapp) .pl42-schluessel-karte .pl42-attr:not(:last-child){margin-bottom:calc(var(--pl42-s1) / 2)} } /* ---------------------------------------------------------------------------- C - SPIELER, ANALYSE: DRITTE KARTE RUTSCHTE IN EINE ZWEITE REIHE .pl521-raster bricht unter 3 x 180 px + Luecken um (v0521-analyse.css:11). Die Analysekarte teilte sich die Reihe mit KARRIERE-MEMORY (je 548 px bei 1366): der Aktionsradius stand in einer zweiten Reihe, die Seite lief 35 / 85 px ueber (kp-basis-de.txt, player>analyse). NACHBESSERUNG: Die erste Fassung (drei Spalten zu 150 px) machte das Radar 163-173 px breit, die Achsenschrift 5,1-5,4 statt 7,8 px - auch bei 1440x900, wo es vorher passte (nb-vorher-strang.txt Z79-Z98). Jetzt wird umgeordnet statt verkleinert: auf den Laptopgroessen nimmt die Analyse die ganze Breite, KARRIERE-MEMORY steht darunter (ebenfalls ganze Breite, eine Zeile). Dann haben alle drei Karten ihre volle Groesse (Radar 250 px wie in der Basis). Ueber 800 px Hoehe unveraendert. ACHTUNG: hyphens:auto aus v0521-analyse.css trennt in diesem WebView2 NICHT (s-hyph, 0 von 7). ------------------------------------------------------------------------- */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--player[data-pl568="1"] .pl42-player-bottom>.pl521-panel:not(.pl568-verborgen), #pl420Root .pl42-screen--player[data-pl568="1"] .pl42-player-bottom>.pl521-panel:not(.pl568-verborgen)~.pl42-panel:not(.pl568-verborgen){ grid-column:1 / -1; } } /* ---------------------------------------------------------------------------- F - 1024x768 (kein Pflichtmass, "moeglichst"): die zwei Restueberhaenge Kein Bruchpunkt bei 1024 (stil-wache.pl kennt ihn nicht), darum Regeln, die auf JEDER Breite stimmen und nur dort etwas aendern, wo es klemmt. ------------------------------------------------------------------------- */ /* F1 - Attribute bei 1024x768 (254 px Ueberhang, TORWARTSPIEL in zweiter Reihe) bleibt OFFEN. Versucht: sechs Spalten mit minmax(135px,1fr). Die Seite passte, aber "Defensivverhalte|n", "Schussgenauigke|it", "Strafraumbeherrs|chung" brachen mitten im Wort, und die Gruppenzahl von TORWARTSPIEL stand ueber den Kartenrand. hyphens:auto hilft nicht: dieser WebView2 trennt in KEINER der sieben geprobten Sprachen (messungen\ n2-bilder.txt, s-hyph). Buchstabenbruch ist schlechter als der Ueberhang auf einem Nicht-Pflichtmass - zurueckgenommen. */ /* F2 - Uebersicht, Transfermarkt: die sechs Kennzahlen standen bei 1024 in zwei Spalten (drei Zeilen), weil 3 x 140 px + Luecken nicht in 421 px passen - die Seite lief 27 px ueber (kp-basis-de). Hier drei Spalten, sobald jede mindestens 120 px hat, und NIE mehr als drei (die Untergrenze ist ein Drittel der Breite) - bei 1280/1366/1536 bleibt es bei den drei Spalten, die dort schon stehen. Nur bei <=800 px Hoehe. */ @media (min-width:981px) and (max-height:800px){ #pl420Root .pl42-screen--overview .pl42-overview-bottom .pl42-metric-row{ grid-template-columns:repeat(auto-fit,minmax(max(120px,calc((100% - 2 * clamp(16px,1.6vw,30px)) / 3)),1fr)); } } /* ---------------------------------------------------------------------------- E - ANALYSE-DIALOG AKTIONSRADIUS (Nebenbefund zu D20) Das Radar ist seit V0.58.9 in v0521-analyse.css gedeckelt (D20). Der Aktionsradius (520 x 347, Seitenverhaeltnis 1,5:1, dazu eine Bildunterschrift) lag bei 1280x720 in sieben Sprachen 37 px ueber der Dialoghoehe, die letzte Textzeile 18 px unter der klebenden Leiste (messungen\dialog-n1.txt; ja/zh-Hans 16 px ueber, Text knapp frei). Danach: 0 von 135 Dialog- messungen mit Ueberhang (dialog-end.txt). Derselbe Deckel wie beim Radar: die viewBox haelt das Verhaeltnis, die Zeichnung wird mittig kleiner. Ab rund 770 px Hoehe greift er nicht (347 < 350). ------------------------------------------------------------------------- */ .pl521-detail .pl521-heatmap svg{max-height:max(260px,calc(100dvh - 420px))} /* ---------------------------------------------------------------------------- D - SPIELER, CHARAKTER: STERNE UND SYMBOLE STANDEN SENKRECHT (N01) Die Hausregel #pl420Root svg{display:block} (ui-v0420/shell.css:34) macht jedes Symbol zum Block. Die fuenf Sterne des schwachen Fusses standen deshalb untereinander (rund 65 px statt 13), ebenso das Symbol in einem Chip ueber seinem Text (Fankurve). Als Flex-Reihe stehen sie nebeneinander wie ueberall sonst; das display:block des SVG wirkt dann nicht mehr. ------------------------------------------------------------------------- */ #pl420Root .pl514-sterne{display:inline-flex; align-items:center; gap:2px} #pl420Root .pl514-chip{display:inline-flex; align-items:center; gap:5px}