/* ═══════════════════════════════════════════════════════════════════════════════════════════ * ARCANE PRISM TD — LISTENZEILEN * Angelegt 28.08.2026. Wird NACH ui_kit.css und NACH dem Blatt in hub_new.html geladen. * Deshalb steht hier kein einziges !important: gleiche Spezifitaet, spaetere Quelle, gewonnen. * * WARUM ES DIESE DATEI GIBT * Der Vergleich gegen Arcane Arena hat EINEN Unterschied gefunden, der auf jeder Ansicht * gleichzeitig wirkt: unsere Listenzeilen sind DUNKEL AUF DUNKEL. Gemessen am 28.08. bei * 430x900 (qa/_listen_mess.mjs, Zahlen in mess_vorher.json): * * .lbrow Rangliste Grund #14325b, Zeile 46 px hoch, Wappen 12 px, schlechtester Text 1,88:1 * .mailrow Post Grund #352d18, schlechtester Text 3,78:1 * .frrow Freunde Grund #14325b, 75 px, schlechtester Text 4,47:1 * .setrow Einstell. Grund #14325b — derselbe Ton wie die Ansicht dahinter * .socrow Community Grund #102846, schlechtester Text 4,73:1 * * AAs Clanliste (_ui_ref/screens/clans.jpg) macht es genau umgekehrt und traegt deshalb: * fast weisse Zeile auf dunkelblauem Grund, dunkler Text darauf, links ein GROSSES farbiges * Wappen, in der Mitte ein grosser Name, rechts die Zahlen. Kein Kopfbild. * * DIE REGEL DIESER DATEI * Zeile hell, Text dunkel, Wappen gross, zwischen zwei Zeilen echter Abstand. * Jede Farbe kommt aus ui_kit.css. Es wird KEINE neue Farbe erfunden. * * ⚠ EINE MESSUNG, DIE DEM AUFTRAG WIDERSPRICHT — bitte lesen, bevor jemand --liste-h anfasst. * Der Auftrag nennt 88 bis 92 Bildpunkte Zeilenhoehe; so steht es unten. clans.jpg selbst misst * anders: die Datei ist 1320 px breit, eine Clanzeile darin 164 px hoch, also auf 430 CSS-px * umgerechnet 164 x (430/1320) = 53 CSS-px. Die 90 sind Geraetepunkte bei zweifacher Aufloesung. * Praktischer Unterschied: bei 90 px stehen 7 Rangplaetze auf dem Schirm, bei 54 px 12 — AA * zeigt 11. Wer das umstellen will, aendert GENAU die eine Zeile --liste-h weiter unten. * ═══════════════════════════════════════════════════════════════════════════════════════════ */ :root{ --liste-h:56px; /* ⛑ 08-28 KORRIGIERT von 90 auf 56. Die 90 im urspruenglichen * Auftrag waren MEIN Fehler: ich hatte die Rohpixel aus clans.jpg * genommen, ohne durch die Geraetedichte zu teilen. Nachgerechnet: * das Bild ist 1320 px breit, ein Telefon 430 CSS-px, Dichte also * 3,07. Eine Clanzeile misst darin 164 Rohpixel = 53 CSS-px, bei * grosszuegiger Messung 61. 56 liegt in diesem Band, bleibt ueber * der 44-px-Trefferflaeche und bringt die Zeilenzahl je Schirm in * AAs Groessenordnung (dort 11) statt auf 7. */ --liste-wappen:56px; /* Wappen/Bild links — 62 % der Zeilenhoehe, wie bei AA */ --liste-luft:var(--uk-s2); /* Abstand zwischen zwei Zeilen */ } /* ═══════════════════════════════════════════════════════════════════════════════════════════ * 1 — DER ZEILENKOERPER * Eine einzige Regelgruppe fuer alle acht Zeilenarten. Genau das ist der Punkt: bisher hatte * jede Ansicht ihren eigenen Zeilenton. * ═════════════════════════════════════════════════════════════════════════════════════════ */ /* ⚠ WARUM HIER `body .x.x` UND NICHT NUR `.x` STEHT — der Fehler hat mich einen ganzen Messdurchgang gekostet. hub_new.html endet mit einem Anpassungs-Abschnitt `body.ukskin` (Zeile ~12119), und darin steht: body.ukskin .setrow,body.ukskin .lbrow,body.ukskin .frrow{ background:linear-gradient(180deg,#173a68,#102a4e); min-height:var(--uk-hit) … } Das ist Spezifitaet 0,2,1. Eine einklassige Regel aus einem spaeter geladenen Blatt (0,1,0) verliert dagegen — die Zeilen blieben dunkel, obwohl die Schriftfarben schon umgesprungen waren, und genau dieses halbe Ergebnis stand in der ersten Nachmessung (Kontrast 1,26:1, also SCHLECHTER als vorher). `body` plus doppelte Klasse ergibt ebenfalls 0,2,1 und gewinnt bei Gleichstand ueber die Reihenfolge. Kein !important noetig, und es ist von der Klasse `ukskin` unabhaengig, falls die einmal wegfaellt. Dieselbe Technik benutzt hub_new.html selbst bei `.tinted.tinted`. */ body .lbrow.lbrow, body .frrow.frrow, body .ghostrow.ghostrow, body .mailrow.mailrow, body .setrow.setrow, body .socrow.socrow, body .dqrow.dqrow, body .gtask.gtask{ /* Die Token des Hubs werden AUF DER ZEILE neu belegt. Damit kippen alle Kindregeln, die var(--dim)/var(--gold)/var(--txt) benutzen, ohne dass sie einzeln aufgezaehlt werden muessen — und zwar auch unter body.stylebright, denn ein Eigenschaftswert am Element selbst schlaegt jeden ererbten, unabhaengig von der Spezifitaet. */ --txt:var(--uk-edge); --dim:var(--uk-panel-line); --gold:var(--uk-gold-edge); --line:var(--uk-edge); background:linear-gradient(180deg,var(--uk-ink) 0%,var(--uk-ink) 46%,var(--uk-ink-2) 100%); border:2px solid var(--uk-edge); border-radius:var(--uk-r-panel); /* ⛑ 11.09.2026 (w2) LICHTFUEHRUNG — Rest aus Auftrag s1, der hier nicht hinkam. War: 0 3px 0 rgba(0,0,0,.4) — eine SCHWARZE Lippe, also "abgedunkelt" statt "beleuchtet". Jetzt die eine Quelle aus ui_quelle.css. Hoehe bleibt 3 px (--ap-lippe-h, 0,075 x 44 Regelbauform), Farbe wird --ap-lippe-neutral (#062043 bei 55 %, unser Konturton). Die Zeilen haben KEINE Fuellfamilie, also die neutrale Lippe. box-shadow aendert keine Geometrie: 0,00 px. */ box-shadow:var(--ap-innenlicht),var(--ap-sockel); color:var(--uk-edge); } /* Die frei stehenden Zeilen: eigene Hoehe, eigener Abstand, Inhalt mittig. */ body .lbrow.lbrow, body .frrow.frrow, body .ghostrow.ghostrow, body .setrow.setrow, body .socrow.socrow, body .dqrow.dqrow{ display:flex; align-items:center; gap:var(--uk-s3); min-height:var(--liste-h); padding:var(--uk-s2) var(--uk-s3); margin-top:var(--liste-luft); } /* Post und Fibel-Kapitel sind hoeher als eine Zeile (Betreff + Text + Belohnungen bzw. aufklappbarer Inhalt). Sie bekommen die Zeilenhoehe als UNTERGRENZE, nicht als Mass. */ body .mailrow.mailrow{min-height:var(--liste-h);padding:var(--uk-s3);margin-top:var(--liste-luft);gap:var(--uk-s3)} body .gtask.gtask{min-height:var(--liste-h);padding:var(--uk-s2) var(--uk-s3);gap:var(--uk-s3);margin-top:var(--liste-luft)} /* Getoente Zeilen. `.tinted.tinted` in hub_new.html steht auf 0,2,0 und setzt einen DUNKLEN Farbkoerper aus --t1/--t2, den das JS je Reihe mitgibt. Drei Klassen im Selektor (0,3,0) nehmen ihn zurueck — die Aussage der Farbe geht nicht verloren, sie wandert auf die Seitenkante, wo AA sie auch hat. */ body .mailrow.tinted.tinted, body .dqrow.tinted.tinted, body .ghostrow.tinted.tinted{ background-image:linear-gradient(180deg,var(--uk-ink) 0%,var(--uk-ink) 46%,var(--uk-ink-2) 100%); border-color:var(--uk-edge); } /* Die Seitenkante traegt jetzt die Reihenfarbe — 4 px waren auf dunklem Grund genug, auf hellem Grund braucht sie 8, sonst liest man sie als Rahmenfehler. */ .tinted.edge::before{width:8px} /* Getoente Zeilen OHNE .edge bekommen dieselbe Kante als Rahmen. */ body .mailrow.mailrow.tinted:not(.edge), body .dqrow.dqrow.tinted:not(.edge), body .ghostrow.ghostrow.tinted:not(.edge){border-left:8px solid var(--t1,#183b66)} /* Der Rundungs-Beschnitt: die Seitenkante muss der Ecke folgen. */ body .tinted.tinted.edge{border-radius:var(--uk-r-panel)} /* ═══════════════════════════════════════════════════════════════════════════════════════════ * 2 — DIE SCHRIFT AUF DER HELLEN ZEILE * Vier Rollen, vier Farben, alle aus ui_kit.css. Gerechnet gegen den DUNKELSTEN Punkt des * Zeilenverlaufs (#bcd6f2, Leuchtdichte 0,652) — der obere, weisse Teil steht besser da. * Hauptschrift --uk-edge #062043 10,83:1 * Nebenschrift --uk-panel-line #2a5488 5,16:1 * Zahlen/Gold --uk-gold-edge #7a4a02 5,00:1 * Gut/Gruen --uk-green-edge #14400d 7,94:1 * Schlecht/Rot --uk-red-edge #4b0a05 10,44:1 * ═════════════════════════════════════════════════════════════════════════════════════════ */ /* — Rangliste — */ .lbrow .lrk{flex:0 0 44px;font-size:var(--uk-t3);color:var(--uk-panel-line)} /* ⚠ NAME AUF 16 px, NICHT 22. Mit 22 px (--uk-t2) wurden bei 430 px drei von acht Namen abgeschnitten („Selune Ashgl…"): Rang 44 + Wappen 56 + drei Abstaende 36 + Trophaeen 110 + Polster 24 + Seitenrand 32 lassen 128 px fuer den Namen, „Selune Ashglance" braucht in 22 px rund 200. AA kann sich den grossen Namen leisten, weil dort NUR Wappen und Name in der ersten Zeile stehen und die Zahlen darunter — das ist Aufbau, nicht Schriftgroesse, und Aufbau liegt in hub_new.html, die ich nicht anfasse. */ .lbrow .lnm{font-size:var(--uk-t3);font-weight:800;color:var(--uk-edge);line-height:1.15} .lbrow .lnm small{font-size:var(--uk-t5);color:var(--uk-panel-line)} .lbrow .ltr{font-size:var(--uk-t3);color:var(--uk-gold-edge)} .lbrow .ltr .ico{width:20px;height:20px} /* Das Wappen. Es war 20x24 px gross — bei AA ist es das erste, was man sieht. */ /* ⚠ DAS WAPPEN BRAUCHT EINEN ABDUNKLER, NICHT NUR GROESSE. Die Elementfarbe kommt vom JS als INLINE-Verlauf (z. B. Eis: hellsilber). Das weisse Zeichen darauf misst 1,88:1 — und zwar VOR wie NACH dieser Datei, es ist kein neuer Fehler, sondern einer, der bei 20 px nur niemandem auffiel und bei 56 px die groesste Flaeche der Zeile betrifft. An die Inline-Farbe komme ich per Blatt nicht heran (Inline schlaegt alles ausser !important, und !important wuerde die Elementfarbe LOESCHEN). Der eingesenkte Schatten legt sich dagegen UEBER den Inline-Verlauf, ohne ihn zu ersetzen: der Farbton bleibt erkennbar, die Flaeche wird um 45 % dunkler. Gerechnet auf dem hellsten Wappen (#c9d2da): 0,55 x (201,210,218) = (111,116,120), Leuchtdichte 0,172, gegen Weiss 4,73:1. Der Ring aus Schlagschatten haelt das Zeichen zusaetzlich frei. */ .lbrow .lbg{flex:0 0 var(--liste-wappen);width:var(--liste-wappen);height:var(--liste-wappen); font-size:26px;color:var(--uk-ink); box-shadow:inset 0 0 0 999px rgba(0,0,0,.45); text-shadow:0 1px 0 var(--uk-edge),0 -1px 0 var(--uk-edge), 1px 0 0 var(--uk-edge),-1px 0 0 var(--uk-edge); filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))} .lbrow .lrk img.medal{width:40px;height:40px} .lbrow .lrk span.medal{font-size:var(--uk-t2)} /* — Freunde / Rivalen — */ .frrow .frnm{font-size:var(--uk-t3);color:var(--uk-edge);line-height:1.15} .frrow .frfav{color:var(--uk-gold-edge);font-size:var(--uk-t3)} /* Die dunklen Innenfelder (Avatar, Postsymbol, Rivalenbild, Haekchen, Chip) behalten ihren eingesenkten Grund — sie brauchen aber AUSDRUECKLICH die helle Schrift zurueck. Ohne diese Zeilen erben sie die neue dunkle Zeilenschrift und stehen dunkel auf dunkel; das ist die Falle, die ein reiner Hintergrundtausch hinterlaesst, und sie faellt nur beim Nachmessen auf. */ .fravatar{flex:0 0 var(--liste-wappen);width:var(--liste-wappen);height:var(--liste-wappen); border-radius:var(--uk-r-chip);background:var(--uk-tile-in-2);border:2px solid var(--uk-edge); color:var(--uk-ink)} .fravatar .frav{width:38px;height:38px} .fravatar span.frav{font-size:30px} .ghostrow .gnm{font-size:var(--uk-t3);color:var(--uk-edge);line-height:1.15} .ghostrow .gsub{font-size:var(--uk-t5);color:var(--uk-panel-line)} /* Die drei Ampelfarben der Rivalenzeile waren fuer dunklen Grund gewaehlt. */ .ghostrow .gt1{color:var(--uk-green-edge)} .ghostrow .gt2{color:var(--uk-gold-edge)} .ghostrow .gt3{color:var(--uk-red-edge)} .ghostrow .gav{flex:0 0 var(--liste-wappen);width:var(--liste-wappen);height:var(--liste-wappen); background:var(--uk-tile-in-2);border:2px solid var(--uk-edge);border-radius:var(--uk-r-chip); color:var(--uk-ink)} /* — Post — */ .mailrow .msub, .mailrow.tinted .msub, .mailrow.unread .msub{font-size:var(--uk-t3);color:var(--uk-edge)} .mailrow .mfrom{font-size:var(--uk-t5);color:var(--uk-panel-line)} .mailrow .mbody{font-size:var(--uk-t4);color:var(--uk-panel-line);line-height:1.5} .mailrow .mico{flex:0 0 var(--liste-wappen);width:var(--liste-wappen);height:var(--liste-wappen); font-size:28px;background:var(--uk-tile-in-2);border:2px solid var(--uk-edge); border-radius:var(--uk-r-chip);color:var(--uk-ink)} .mailrow .mico .dot{width:12px;height:12px;background:var(--uk-red); border:2px solid var(--uk-ink);box-shadow:none} /* Der Belohnungs-Chip bleibt ein DUNKLES Plaettchen — er erbt sonst die neue dunkle Zeilenschrift und stuende dunkel auf dunkel. Das ist die Falle, die ein reiner Hintergrundtausch hinterlaesst, und sie faellt nur beim Nachmessen auf. */ .mailrow .mrew .rchip{color:var(--uk-ink);background:var(--uk-tile-in-2); border:1px solid var(--uk-edge)} /* — Einstellungen — */ /* Die Gruppe war ein dunkler Kasten MIT Trennlinien. Jetzt stehen die Zeilen frei auf dem Grund, wie in der Rangliste — sonst haetten Einstellungen ein anderes Listenbild als alles andere, und genau das war der gemessene Befund. */ .setgrp{background:none;border:0;overflow:visible;box-shadow:none} .setgrp .sghd{background:none;border-bottom:0;color:var(--uk-ink-2);padding:var(--uk-s3) 0 0} .setrow+.setrow{border-top:0} .setrow .settx{font-size:var(--uk-t3);color:var(--uk-edge)} .setrow .settx small{font-size:var(--uk-t5);color:var(--uk-panel-line)} .setrow .sbadge{color:var(--uk-ink);background:var(--uk-tile-in-2);border:1px solid var(--uk-edge)} /* Knoepfe INNERHALB einer Zeile bleiben hellblau mit weisser Schrift — sie sind Bedienelemente nach der Farbregel des Baukastens, nicht Zeilentext. */ /* ⚠ `.gclaim` und `.mailtake` stehen hier ABSICHTLICH NICHT. Beide setzen ein eigenes -webkit-text-fill-color; ein color: darauf wirkt nicht, es hat in der ersten Nachmessung aber die gemessene Schriftfarbe verfaelscht und zwei Fehlalarme erzeugt. */ .setrow .setbtn,.socrow .socfolg,.dqrow .dqget, .frrow .frbtn,.ghostrow .gbtn{color:var(--uk-ink)} /* Der Schalter traegt seine eigene Bedeutung (gruen = an) und bleibt, wie er ist — nur die Aussenkontur wird die des Baukastens, damit er auf hell nicht schwimmt. */ .swch{border:2px solid var(--uk-edge)} /* — Community — */ .socgrp{background:none;border:0;overflow:visible;box-shadow:none} .socrow+.socrow{border-top:0} .socname{font-size:var(--uk-t3);color:var(--uk-edge)} .socname small{font-size:var(--uk-t5);color:var(--uk-panel-line)} /* — Tagesaufgaben — */ .dqrow .dqn, .dqrow.tinted .dqn{font-size:var(--uk-t3);color:var(--uk-edge)} .dqrow .dqv{font-size:var(--uk-t5);color:var(--uk-panel-line)} .dqrow .dqs{font-size:28px} /* Der Fortschrittsbalken lag auf dunklem Grund und hatte deshalb keine eigene Fassung. */ .dqrow .dqb{height:9px;background:var(--uk-tile-in-2);border:1px solid var(--uk-edge)} /* — Fibel: Kapitel und Aufgaben — */ /* ⚠ DER KAPITELKOPF DER FIBEL BLEIBT DUNKEL — bewusst, nach einem Fehlversuch. `.gchead` traegt ein Kapitelbild, das JS als INLINE background-image setzt (artbg). Ein Inline-Stil schlaegt jede Blattregel; die helle Flaeche haette also nur mit !important gegriffen und dabei das Bild ueberdeckt. Im Nachher-Bild sah das Kapitel dann aus wie ein ausgegrauter Kasten. Ausserdem ist der Kopf bei AA ein BANNER und keine Listenzeile — die Listenzeilen der Fibel sind die Aufgaben darunter, und die werden hell. Gemessen bleibt der Kopf bei 11,36:1 fuer den Kapitelnamen, er hat kein Lesbarkeitsproblem. */ .gtask .gtn{font-size:var(--uk-t3);color:var(--uk-edge)} .gtask .gtd{font-size:var(--uk-t5);color:var(--uk-panel-line)} .gtask .gtr{font-size:var(--uk-t5);color:var(--uk-gold-edge)} .gtask .gtb{width:28px;height:28px;flex:0 0 28px;border:2px solid var(--uk-edge); background:var(--uk-tile-in-2);color:var(--uk-ink)} /* ═══════════════════════════════════════════════════════════════════════════════════════════ * 3 — DIE ZUSTAENDE * Jeder Zustand, den der dunkle Entwurf ueber Rahmenfarbe, Leuchten oder Weiss ausgedrueckt * hat, ist auf der hellen Zeile unsichtbar. Sie werden hier ALLE neu gebaut — ein Zustand, * den man nicht mehr sieht, ist ein verlorener Zustand, kein Schoenheitsfehler. * ═════════════════════════════════════════════════════════════════════════════════════════ */ /* Die EIGENE Zeile in der Rangliste. Vorher: goldener Rahmen plus Schein, auf dunkelblau. Jetzt: goldener Zeilenkoerper. Sie ist damit die einzige warme Flaeche der Liste und aus drei Metern erkennbar. Text --uk-edge auf --uk-gold-2 misst 9,81:1. */ body .lbrow.lbrow.me{ background:linear-gradient(180deg,var(--uk-gold-1) 0%,var(--uk-gold-2) 100%); border-color:var(--uk-gold-edge); /* ⛑ 11.09.2026 (w2) Die EINZIGE Zeile mit Fuellfamilie (Gold) — sie bekommt die Bernstein-Lippe #A96C05 statt Schwarz, und die .6/2px-Lichtkante wird auf die eine Dicke .45/1px gebracht. ⚠ --ap-sockel MUSS hier neu erklaert werden. var() wird dort eingesetzt, wo die Eigenschaft DEKLARIERT ist; --ap-sockel steht auf :root und haette dort laengst --ap-lippe-neutral eingesetzt. Ein blosses Umbinden von --ap-lippe taete nichts. */ --ap-lippe:var(--ap-knopf-bernstein-k); --ap-sockel:0 var(--ap-lippe-h) 0 var(--ap-lippe); box-shadow:var(--ap-innenlicht),var(--ap-sockel); } body .lbrow.me .lrk, body .lbrow.me .lnm, body .lbrow.me .ltr{color:var(--uk-edge)} body .lbrow.me .lnm small{color:var(--uk-gold-edge)} /* Die Plaetze 1 bis 3. Vorher drei kaum unterscheidbare Rahmentoene. Jetzt eine breite Kante links — dieselbe Stelle, an der auch die Reihenfarbe sitzt, also ein Muster. */ body .lbrow.lbrow.top1{border-color:var(--uk-gold-edge);border-left-width:8px} body .lbrow.lbrow.top2{border-left-width:8px} body .lbrow.lbrow.top3{border-color:var(--uk-gold-edge);border-left-width:8px} /* UNGELESENE POST. Vorher: blauer Rahmen, blaues Leuchten und ein weisser Betreff — auf der hellen Zeile bleibt davon nichts uebrig. Jetzt: kraeftige blaue Kante links, fetterer Betreff, und der rote Punkt am Symbol (der schon da war) bekommt einen weissen Ring. */ body .mailrow.mailrow.unread{border-color:var(--uk-edge);box-shadow:var(--ap-innenlicht),var(--ap-sockel)} /* w2: war 0 3px 0 rgba(0,0,0,.4) */ body .mailrow.unread::after{content:"";position:absolute;left:0;top:0;bottom:0;width:8px; background:linear-gradient(180deg,var(--uk-tile-1),var(--uk-tile-2));z-index:2} body .mailrow.mailrow.unread{position:relative;overflow:hidden} .mailrow.unread .msub{font-weight:900} /* Gelesene Post: normal gewichteter Betreff in der Nebenfarbe — der Unterschied ist damit Gewicht UND Farbe, nicht nur eine Kante. */ .mailrow:not(.unread) .msub{font-weight:800;color:var(--uk-panel-line)} /* Offene Freundschaftsanfrage. Vorher blaues Leuchten. */ body .frrow.frrow.req{border-color:var(--uk-tile-2);border-left-width:8px} /* Gesendete, noch offene Anfrage: war opacity .85 — das nimmt auf hellem Grund Kontrast weg, ohne etwas zu erklaeren. Der Zustand steht jetzt in der Nebenfarbe der Schrift. */ body .frrow.frrow.out{opacity:1;min-height:var(--liste-h)} .frrow.out .frnm{color:var(--uk-panel-line)} /* Erledigte Aufgabe / erledigte Tagesaufgabe: die gruene Rahmenfarbe war auf dunkel gerechnet und verschwindet auf hell. */ body .gtask.gtask.done{border-color:var(--uk-green-edge);border-left-width:8px} body .dqrow.dqrow.done{border-color:var(--uk-green-edge);border-left-width:8px} /* Bereits angegriffener Rivale: war opacity .5. */ body .ghostrow.ghostrow.hit{opacity:1} .ghostrow.hit .gnm{color:var(--uk-panel-line)} body .ghostrow.ghostrow.hit{border-style:dashed} /* ═══════════════════════════════════════════════════════════════════════════════════════════ * 4 — SCHMALE GERAETE * Bei 360 px bleibt fuer den Namen zwischen Wappen und Zahlen zu wenig Platz. Statt ihn * abzuschneiden faellt er eine Stufe der Schriftleiter herunter — 22 px auf 16 px, beide * aus dem Baukasten. Kein Zwischenwert, sonst hat der Baukasten wieder sechs Stufen. * ═════════════════════════════════════════════════════════════════════════════════════════ */ @media (max-width:400px){ :root{--liste-wappen:48px} .lbrow .lrk{flex:0 0 36px} body .lbrow.lbrow,body .frrow.frrow,body .ghostrow.ghostrow, body .setrow.setrow,body .socrow.socrow,body .dqrow.dqrow{gap:var(--uk-s2);padding:var(--uk-s2)} } /* Nichts in einer Zeile darf seitlich ausbrechen. Der Name ist das einzige Feld, das wachsen kann — er kuerzt. */ .lbrow .lnm,.frrow .frnm,.ghostrow .gnm,.socname,.setrow .settx, .mailrow .mtx,.dqrow .dqt,.gtask .gtt{min-width:0;overflow:hidden} body .lbrow.lbrow,body .frrow.frrow,body .ghostrow.ghostrow,body .mailrow.mailrow, body .setrow.setrow,body .socrow.socrow,body .dqrow.dqrow, body .gtask.gtask{max-width:100%} /* ═══════════════════════════════════════════════════════════════════════════════════════════════ * ⛑ 08-28 NACHTRAG — DAS WAPPEN SETZT DIE ZEILENHOEHE, NICHT --liste-h * Gemessen: --liste-h auf 56 gestellt, Zeile blieb trotzdem 76 hoch. Der Grund stand nicht in der * Hoehe, sondern im Inhalt — das Rangwappen .lbg ist 56 Punkte hoch, plus 2x8 Polsterung sind das * 72, und damit ist die Mindesthoehe wirkungslos. Wer nur an --liste-h dreht, aendert nichts. * AAs Wappen misst in clans.jpg 130 Rohpunkte; bei Geraetedichte 3,07 sind das 42 CSS-Punkte. * Unseres geht deshalb auf 42, und erst dadurch wirkt die Zeilenhoehe wirklich. * Die Trefferflaeche bleibt unberuehrt: sie haengt an der ZEILE (56 hoch, volle Breite), nicht am * Wappen — 56 liegt ueber den geforderten 44. * ═══════════════════════════════════════════════════════════════════════════════════════════════ */ body .lbrow .lbg{height:42px;width:42px;flex:0 0 42px} body .lbrow .lrk{font-size:var(--uk-t3,16px)}