DogFatherGitandClaude Opus 5
a129525cb7
Vier Wuensche vom 01.09.2026, dazu ein gemeldeter Fehler.
SCREEN 1 -- "wenn man auf die Kisten drueckt, sofort zu der Seite,
diesem Punkt". Jede Kennzahl im Bericht fuehrt jetzt dorthin, wo die
gezaehlten Dinge stehen: nicht nur auf die richtige Seite, sondern auf
die richtige Stelle (?zeigen=...). Ein gemeinsamer Helfer in kopf.js,
damit nicht jede Seite ihr eigenes Sprungverhalten erfindet.
Auf dem Aufgabenbrett wird HERVORGEHOBEN, nicht gefiltert -- das Brett
lebt davon, dass man die vier Spalten nebeneinander sieht. Bei den
Dateien wird gefiltert, denn die Seite hat ohnehin eine Filterleiste,
und deren Knoepfe zeigen dann mit an, wo man steht. Der Kalender
schaltet auf die Liste um: In der Monatsansicht liesse sich
"vergangen" gar nicht sinnvoll markieren.
Immer mit einem Weg zurueck ("Alles zeigen"), der auch den Parameter
aus der Adresse nimmt. Eine Seite, die gefiltert bleibt, ist eine
Falle: Man kommt spaeter wieder, sieht drei von zwanzig Aufgaben und
haelt das fuer den Bestand.
Drei Entscheidungen gegen den ersten Entwurf:
* KEIN ?creator= im Verweis. Das sah hilfreich aus und waere eine
Luege gewesen -- keine Zielseite liest den Wert.
* Kisten mit Null fuehren NIRGENDWOHIN. Ein Weg zu null Dingen ist
eine Enttaeuschung, kein Angebot.
* "neu angelegt" fuehrt ohne Ausschnitt aufs Brett: Der Bericht zaehlt
einen Zeitraum, das Brett kennt keinen. Eine Hervorhebung, die nicht
dieselbe Menge trifft, ist schlimmer als keine.
SCREEN 2 -- "ich will, dass wir Manager, Scouts, DogFather auch die
Fotos, Namen und so alles sehen". Der Steckbrief war eine Einbahnstrasse:
Jeder pflegte seinen, niemand bekam ihn je zu Gesicht. Die
Schnittstelle dafuer lag fertig da und wurde von keiner Seite
aufgerufen. Jetzt steht "Das Team" auf steckbrief.html und (fuer
Creator) auf profil.html -- nach Rollen gruppiert, mit Bild, Rolle,
eigenem Satz und Kanaelen. Wer wen sieht, entscheidet weiterhin der
Server; ein Creator sieht seine Betreuung, nicht die anderen Creator.
SCREEN 4 -- "das soll richtig geil aussehen und nicht so einfach, auch
die Schrift". Die Ursache war kein Geschmack, sondern ein Loch im
Aufbau: Jede Seite gestaltete ihre Felder mit einem EIGENEN Selektor,
und wer ein Feld anderswo hinsetzt, faellt durch alle Netze. Genau so
stand "Ein Satz ueber dich" als grauer Kasten in MONOSPACE da --
<textarea> faellt ohne `font: inherit` auf Schreibmaschinenschrift
zurueck. Jetzt gibt es eine Grundlage fuer jedes Feld, und die drei
wortgleichen Kopien in aufgaben/profil/bereich sind weg.
Der erste Anlauf setzte dort auch `width: 100%` -- die Pruefung
meldete sofort Felder von 28 statt 362 Pixeln. Breite ist LAYOUT und
gehoert der Seite; eine Grundlage mit Staerke null verliert jeden
Breitenstreit, also darf sie ihn nicht anfangen.
SCREEN 5 -- "wieso seh ich mein Bild da nicht?" Ein lehrreicher Fehler:
Der Server liefert das Bild laengst mit, und im Quelltext dort steht
ausdruecklich "es steht in der Kopfleiste JEDER Seite UND IN DER
BEGRUESSUNG". Die Absicht war aufgeschrieben, die Haelfte nie gebaut --
und aufgefallen ist es nicht, weil ein Buchstabe im Kreis nicht falsch
aussieht, nur eben nicht wie man selbst.
PRUEFUNGEN. Zwei neue (pruef-sprung, pruef-team), eine erweiterte
(pruef-formulare). Sie haben vier echte Fehler gefunden, die mit blossem
Auge nicht zu sehen waren:
* Der Sprung auf "dringend" hob auch ERLEDIGTE dringende Eintraege
hervor -- man klickt auf "2" und bekommt drei markiert.
* Auf einer leeren Zielseite erschien gar keine Erklaerung (frueher
Ausstieg uebersprang sie). Das ist der wichtigere Fall: Wer auf eine
Zahl klickt und im Leeren landet, glaubt, er sei falsch abgebogen.
* Das Kachel-Merkzeichen stiess mit der Zahl zusammen.
* Die Feldpruefung fand vier RICHTIGE Felder falsch (die Kanaele holen
ihren Rahmen vom Umschlag mit dem "@"). Eine Pruefung, die
Richtiges anmahnt, gewoehnt man sich ab zu lesen.
Und zwei Faelle, in denen die Pruefung sich selbst belogen haette: null
gefundene Felder galten als "in Ordnung", und der Ueberdeckungsvergleich
war nach einer Aenderung ohne ein einziges Vergleichselement gruen.
Beide zaehlen jetzt mit, wie viel sie tatsaechlich angesehen haben.
Co-Authored-By: Claude Opus 5 <[email protected]>
348 lines
14 KiB
CSS
348 lines
14 KiB
CSS
/* ===================================================================
|
|
Aufgabenbrett. Baut auf gate.css und start.css auf.
|
|
=================================================================== */
|
|
|
|
/* .inhalt--breit, .zurueck, .kopf-zeile und .leise sind am 31.08.2026 nach
|
|
start.css gewandert -- sie werden auf jeder Seite gebraucht, aber nicht
|
|
jede Seite laedt diese Datei hier. */
|
|
|
|
/* ---------- Formular -------------------------------------------------- */
|
|
|
|
.neu {
|
|
margin: 0 0 28px;
|
|
padding: 20px;
|
|
background: var(--flaeche);
|
|
border: 1px solid var(--rand);
|
|
border-radius: var(--radius);
|
|
}
|
|
.neu__zeile { margin-bottom: 14px; }
|
|
/* Zwoelf Spalten statt auto-fit: Damit laesst sich sagen, WIE breit ein
|
|
Feld sein soll -- ein Titel braucht die ganze Zeile, eine Stufe ein
|
|
Drittel. auto-fit gab jedem Feld dieselbe Breite, egal was drin steht. */
|
|
.neu__raster {
|
|
display: grid; gap: 14px 16px; margin-bottom: 8px;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
}
|
|
/* Vorgabe: ein Drittel. Reicht fuer Auswahlfelder und Datumsangaben. */
|
|
/* JEDES direkte Kind, nicht nur die mit der Klasse .feld.
|
|
|
|
Genau daran lag die "verzogene" Formularzeile im Kalender: Dort
|
|
stehen schlichte <div> ohne Klasse. Sie fielen durch diese Regel
|
|
hindurch, bekamen von den zwoelf Spalten je EINE und wurden nur so
|
|
breit, wie ihr Inhalt sie zwang. Ergebnis: "Art" schmal, "Beginn"
|
|
breit, "Dauer (Minuten)" zweizeilig umgebrochen, alles auf
|
|
verschiedenen Hoehen. Es sah nach einem Fehler aus und war einer.
|
|
|
|
:not() haelt die Sonderbreiten am Leben. */
|
|
.neu__raster > *:not(.feld--breit):not(.feld--halb) { grid-column: span 4; min-width: 0; }
|
|
|
|
/* Alle Felder gleich hoch und unten buendig -- unabhaengig davon, ob
|
|
die Beschriftung darueber ein- oder zweizeilig ist. Ohne das sitzt
|
|
ein Feld mit langer Beschriftung tiefer als seine Nachbarn. */
|
|
.neu__raster { align-items: stretch; }
|
|
/* Zwei Zeilen je Feld: Die Beschriftung oben DEHNT sich (1fr), das
|
|
Eingabefeld unten hat feste Hoehe. Dadurch sitzen alle Eingabefelder
|
|
auf exakt derselben Linie -- unabhaengig davon, ob die Beschriftung
|
|
darueber ein- oder zweizeilig ist.
|
|
|
|
Der Umweg ueber flex mit justify-content: flex-end reichte nicht: Ein
|
|
<select> und ein <input> derselben Hoehe standen damit trotzdem 3 px
|
|
versetzt, weil ihre Kaesten unterschiedlich sitzen. Drei Pixel klingen
|
|
nach nichts und sind genau das, was man als "verzogen" sieht. */
|
|
/* Die zweite Rasterzeile hat eine FESTE Hoehe, und das Feld fuellt sie
|
|
ganz aus. Mit "auto" bestimmte jedes Element die Zeilenhoehe selbst:
|
|
Ein <select> mass sich 3 px kleiner als ein <input> und sass dadurch
|
|
hoeher. Gemessen: Container beider Felder 652+71 identisch, Eingabe
|
|
aber 676..720 gegen 679..723. Drei Pixel -- genau das, was man als
|
|
"verzogen" sieht. */
|
|
.neu__raster > * { display: grid; grid-template-rows: 1fr 44px; }
|
|
.neu__raster > * > .feld-schild { align-self: end; margin-bottom: 6px; }
|
|
.neu input, .neu select { height: 44px; box-sizing: border-box; }
|
|
/* Die Zeile ganz ausfuellen -- sonst zentriert der Browser das Element
|
|
darin und der Versatz waere wieder da. */
|
|
.neu__raster > * > input,
|
|
.neu__raster > * > select,
|
|
.neu__raster > * > textarea { align-self: stretch; height: 100%; }
|
|
.neu__raster textarea { min-height: 44px; }
|
|
|
|
/* Diese Klasse stand in drei HTML-Dateien, war aber NIE definiert --
|
|
deshalb quetschte das Raster jedes Feld in dieselbe Breite und lange
|
|
Kategorienamen wurden abgeschnitten. */
|
|
.neu__raster > .feld--breit { grid-column: 1 / -1; }
|
|
.neu__raster > .feld--halb { grid-column: span 6; }
|
|
|
|
@media (max-width: 860px) {
|
|
.neu__raster > *:not(.feld--breit) { grid-column: span 6; }
|
|
}
|
|
@media (max-width: 560px) {
|
|
/* Auf dem Handy untereinander -- zwei Felder auf 300 px sind zwei
|
|
Streifen, in die nichts hineinpasst. */
|
|
.neu__raster > * { grid-column: 1 / -1 !important; }
|
|
}
|
|
@media (max-width: 560px) {
|
|
.neu__raster > .feld, .neu__raster > .feld--halb { grid-column: 1 / -1; }
|
|
}
|
|
.neu__knoepfe { display: flex; gap: 10px; align-items: center; margin-top: 12px; }
|
|
|
|
.feld-schild {
|
|
display: block; margin-bottom: 6px;
|
|
font-size: .76rem; font-weight: 600; letter-spacing: .06em;
|
|
text-transform: uppercase; color: var(--text-still);
|
|
}
|
|
|
|
/* Aussehen, Rahmen, Schrift und Fokusring stehen seit dem 01.09.2026
|
|
EINMAL in start.css (":where(.inhalt) :where(input, textarea, select)").
|
|
Die Kopie, die hier stand, war Wort fuer Wort dieselbe -- und genau so
|
|
entstehen zwei Feld-Optiken auf einer Seite, sobald eine der beiden
|
|
verbessert wird. Hier bleibt nur, was WIRKLICH nur hier gilt. */
|
|
.neu textarea { min-height: 62px; }
|
|
/* Die BREITE bleibt hier: Sie ist Layout dieser Seite, nicht Aussehen.
|
|
Ohne sie fallen leere Auswahlfelder auf 28 Pixel zusammen. */
|
|
.neu input, .neu select, .neu textarea { width: 100%; }
|
|
/* Aufhellen ist nicht mehr noetig: color-scheme: dark (gate.css) laesst den
|
|
Browser das Kalendersymbol schon hell zeichnen. Ein invert() wuerde es hier
|
|
wieder verdunkeln. */
|
|
.neu input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }
|
|
|
|
/* ---------- Brett ----------------------------------------------------- */
|
|
|
|
.brett {
|
|
display: grid; gap: 14px;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
align-items: start;
|
|
}
|
|
|
|
/* Die vier Spalten bekommen dieselbe Behandlung wie die Kacheln auf der
|
|
Startseite: eine eigene Farbe je Status, ein Streifen oben in dieser
|
|
Farbe, ein sehr weicher Verlauf darunter. Vorher unterschied sie nur
|
|
ein 8 px grosser Punkt -- vier gleiche graue Kaesten nebeneinander.
|
|
|
|
Die Farbe folgt dem STATUS, nicht dem Rang: Offen blaugrau (noch
|
|
nichts passiert), In Arbeit blau (laeuft), Review gold (jemand muss
|
|
hinsehen), Erledigt gruen (fertig). */
|
|
.spalte {
|
|
--sfarbe: #6f89a8;
|
|
position: relative; overflow: hidden;
|
|
background:
|
|
linear-gradient(180deg, color-mix(in srgb, var(--sfarbe) 8%, transparent), transparent 42%),
|
|
var(--flaeche);
|
|
border: 1px solid color-mix(in srgb, var(--sfarbe) 20%, var(--rand));
|
|
border-radius: var(--radius);
|
|
padding: 16px 13px 18px;
|
|
min-height: 120px;
|
|
}
|
|
/* Der Streifen oben laeuft nach rechts aus -- eine durchgezogene Kante
|
|
wirkt wie eine Trennwand, eine auslaufende wie eine Markierung. */
|
|
.spalte::before {
|
|
content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
|
|
background: linear-gradient(90deg, var(--sfarbe),
|
|
color-mix(in srgb, var(--sfarbe) 20%, transparent) 70%, transparent);
|
|
}
|
|
/* Was die Spalte bedeutet -- steht immer da, nicht nur wenn sie leer
|
|
ist. "Review" allein sagt einem Neuen nichts. */
|
|
.spalte__unter {
|
|
margin: 2px 0 12px 17px;
|
|
font-size: .76rem; color: var(--text-still);
|
|
}
|
|
|
|
.spalte__kopf {
|
|
display: flex; align-items: center; gap: 8px;
|
|
margin: 0 2px 12px;
|
|
font-size: .78rem; font-weight: 700;
|
|
letter-spacing: .08em; text-transform: uppercase;
|
|
color: var(--text-leise);
|
|
}
|
|
.spalte__punkt { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
|
|
.spalte__zahl {
|
|
margin-left: auto; padding: 1px 8px;
|
|
background: rgba(255, 255, 255, .06); border-radius: 999px;
|
|
font-size: .74rem; color: var(--text-still); letter-spacing: normal;
|
|
}
|
|
|
|
/* --ton mitgesetzt: Das Licht unter dem Zeiger nimmt seine Farbe von
|
|
dort. Ohne diese Zeile leuchtete die gruene Erledigt-Spalte orange
|
|
(der Farbton der SEITE), was aussah wie ein Fehler und einer war. */
|
|
.spalte[data-status="offen"] { --sfarbe: #6f89a8; --ton: #6f89a8; }
|
|
.spalte[data-status="arbeit"] { --sfarbe: #3fbdf5; --ton: #3fbdf5; }
|
|
.spalte[data-status="review"] { --sfarbe: #e0a33c; --ton: #e0a33c; }
|
|
.spalte[data-status="erledigt"] { --sfarbe: #4dab77; --ton: #4dab77; }
|
|
.spalte__punkt {
|
|
background: var(--sfarbe);
|
|
box-shadow: 0 0 9px color-mix(in srgb, var(--sfarbe) 70%, transparent);
|
|
}
|
|
.spalte .spalte__zahl { color: var(--sfarbe); }
|
|
|
|
.karte {
|
|
padding: 12px 13px;
|
|
margin-bottom: 9px;
|
|
background: rgba(9, 13, 22, .78);
|
|
border: 1px solid var(--rand);
|
|
border-left: 3px solid transparent;
|
|
border-radius: var(--radius-klein);
|
|
}
|
|
.karte[data-prio="hoch"] { border-left-color: #d8656e; }
|
|
.karte[data-prio="mittel"] { border-left-color: #4b6c8a; }
|
|
.karte[data-prio="niedrig"] { border-left-color: #3c4a5a; }
|
|
|
|
.karte__titel { font-weight: 600; font-size: .93rem; line-height: 1.35; }
|
|
.karte__text { margin: 6px 0 0; font-size: .84rem; color: var(--text-leise); }
|
|
|
|
.karte__zeile {
|
|
display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
|
|
margin-top: 10px; font-size: .76rem; color: var(--text-still);
|
|
}
|
|
.karte__frist--faellig { color: var(--warn); font-weight: 600; }
|
|
|
|
.karte__schritte { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
|
|
|
|
/* Der leere Zustand einer Spalte. Vorher stand hier in allen vier
|
|
Spalten ein Gedankenstrich -- vier graue Striche nebeneinander sehen
|
|
aus, als sei die Seite kaputt. Jetzt sagt jeder Satz, was das
|
|
Leersein BEDEUTET (siehe SPALTEN in aufgaben.js), auf einer eigenen
|
|
ruhigen Flaeche statt im Nichts. */
|
|
.spalte__leer {
|
|
margin: 4px 0 0; padding: 16px 12px;
|
|
text-align: center;
|
|
font-size: .82rem; color: var(--text-still); line-height: 1.5;
|
|
border: 1px solid color-mix(in srgb, var(--sfarbe) 14%, transparent);
|
|
border-radius: var(--radius-klein);
|
|
background: color-mix(in srgb, var(--sfarbe) 5%, transparent);
|
|
}
|
|
|
|
@media (max-width: 1080px) { .brett { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
|
|
@media (max-width: 620px) { .brett { grid-template-columns: 1fr; } }
|
|
|
|
/* ---------- Bearbeiten-Dialog ------------------------------------------ */
|
|
|
|
.dialog {
|
|
width: min(560px, calc(100vw - 32px));
|
|
padding: 0; border: 1px solid var(--rand-hell);
|
|
border-radius: var(--radius);
|
|
background: #0b1018;
|
|
color: var(--text);
|
|
box-shadow: var(--schatten);
|
|
}
|
|
.dialog::backdrop { background: rgba(2, 4, 8, .68); backdrop-filter: blur(3px); }
|
|
|
|
.neu--blank { margin: 0; border: 0; background: none; padding: 22px; }
|
|
|
|
.dialog__titel { margin: 0 0 18px; font-size: 1.12rem; font-weight: 700; }
|
|
|
|
.dialog__knoepfe { display: flex; gap: 10px; align-items: center; margin-top: 16px; flex-wrap: wrap; }
|
|
.dialog__knoepfe #b-loeschen { margin-left: auto; }
|
|
|
|
.abmelden--warnung { color: var(--warn); border-color: rgba(255, 154, 162, .35); }
|
|
.abmelden--warnung:hover { background: rgba(255, 154, 162, .1); border-color: rgba(255, 154, 162, .6); }
|
|
|
|
/* Der Bearbeiten-Stift war nie ein richtiger Knopf, sondern nackter
|
|
Text -- man sah nicht, dass man draufdruecken kann. Jetzt traegt er
|
|
das Knopf-System in der kleinsten, ruhigsten Groesse. */
|
|
.karte__stift { margin-left: auto; }
|
|
.karte__kopf { display: flex; align-items: flex-start; gap: 8px; }
|
|
.karte__kopf .karte__titel { flex: 1 1 auto; }
|
|
|
|
/* ===================================================================
|
|
Rückmeldungen an einer Aufgabe ("Aufgaben & Feedback", Konzept).
|
|
|
|
Direkt an der Karte, nicht in einem Fenster: Man liest sie im
|
|
Zusammenhang mit der Aufgabe -- sonst fehlt beim Antworten die
|
|
Hälfte.
|
|
=================================================================== */
|
|
|
|
.karte__rueck {
|
|
display: inline-flex; align-items: center; gap: 7px;
|
|
margin-top: 10px; padding: 6px 11px; cursor: pointer;
|
|
background: transparent;
|
|
border: 1px solid var(--rand); border-radius: 999px;
|
|
color: var(--text-still); font: inherit; font-size: .76rem;
|
|
transition: color .16s ease, border-color .16s ease, background .16s ease;
|
|
}
|
|
.karte__rueck:hover { color: var(--text); border-color: rgba(255, 255, 255, .24); }
|
|
/* Wo schon etwas besprochen wurde, sieht man es ohne Aufklappen. */
|
|
.karte__rueck[data-hat="ja"] {
|
|
color: var(--akzent);
|
|
border-color: rgba(63, 189, 245, .38);
|
|
background: rgba(63, 189, 245, .08);
|
|
}
|
|
.karte__rueck[data-offen="ja"] { border-color: rgba(63, 189, 245, .6); color: #fff; }
|
|
.karte__blase {
|
|
width: 14px; height: 14px; flex: none;
|
|
fill: none; stroke: currentColor; stroke-width: 1.7;
|
|
stroke-linecap: round; stroke-linejoin: round;
|
|
}
|
|
|
|
.rueck {
|
|
margin-top: 11px; padding-top: 11px;
|
|
border-top: 1px solid var(--rand);
|
|
}
|
|
.rueck__liste { display: grid; gap: 8px; margin-bottom: 11px; }
|
|
.rueck__eintrag {
|
|
padding: 9px 12px;
|
|
background: rgba(255, 255, 255, .035);
|
|
border: 1px solid var(--rand); border-radius: var(--radius-klein);
|
|
}
|
|
.rueck__kopf { display: flex; align-items: baseline; gap: 8px; margin: 0 0 3px; }
|
|
.rueck__wer { font-size: .79rem; font-weight: 650; color: var(--text); }
|
|
.rueck__wann { font-size: .72rem; color: var(--text-still); }
|
|
.rueck__weg {
|
|
margin-left: auto; padding: 0 5px; cursor: pointer; line-height: 1;
|
|
background: none; border: 0; color: var(--text-still); font-size: 1rem;
|
|
}
|
|
.rueck__weg:hover { color: #ffb4b9; }
|
|
.rueck__text {
|
|
margin: 0; font-size: .85rem; color: var(--text-leise);
|
|
white-space: pre-wrap; line-height: 1.5;
|
|
}
|
|
|
|
.rueck__form { display: grid; gap: 8px; justify-items: start; }
|
|
.rueck__feld {
|
|
width: 100%; padding: 9px 12px;
|
|
background: rgba(255, 255, 255, .045);
|
|
border: 1px solid var(--rand); border-radius: var(--radius-klein);
|
|
color: var(--text); font: inherit; font-size: .86rem; resize: vertical;
|
|
}
|
|
.rueck__feld:focus {
|
|
outline: none; border-color: rgba(63, 189, 245, .65);
|
|
box-shadow: 0 0 0 3px rgba(63, 189, 245, .15);
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) { .karte__rueck { transition: none; } }
|
|
|
|
/* Die letzten drei Pixel.
|
|
|
|
Trotz gleicher Hoehe und gleicher Rasterzeile sassen Auswahl- und
|
|
Eingabefelder 3 px versetzt. Grund: Ein <input> ist von Haus aus
|
|
inline und wird an der SCHRIFTGRUNDLINIE ausgerichtet -- die liegt je
|
|
nach Element unterschiedlich. Drei Pixel klingen nach nichts und sind
|
|
genau das, was man als "verzogen" sieht.
|
|
|
|
display: block nimmt die Grundlinie aus dem Spiel; margin: 0 die
|
|
Vorgaben des Browsers. */
|
|
.neu__raster > * > input,
|
|
.neu__raster > * > select,
|
|
.neu__raster > * > textarea {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Die Beschriftung bekommt eine FESTE Hoehe.
|
|
|
|
Damit beginnt das Eingabefeld in jeder Spalte an derselben Stelle --
|
|
ganz gleich, wie das Feld darunter beschaffen ist. Vorher hing es an
|
|
Grundlinien und Zeilenhoehen, und drei Pixel Versatz blieben trotz
|
|
gleicher Feldhoehe und gleicher Rasterzeile uebrig.
|
|
|
|
Feste Werte sind hier ausnahmsweise das richtige Mittel: Eine
|
|
Beschriftung ist immer einzeilig (mehrzeilige werden gekuerzt, siehe
|
|
die Handypruefung), und "alle Felder auf einer Linie" ist eine
|
|
Zusicherung, keine Faustregel. */
|
|
.neu__raster > * > .feld-schild {
|
|
height: 17px;
|
|
margin-bottom: 7px;
|
|
line-height: 17px;
|
|
overflow: hidden;
|
|
white-space: nowrap; text-overflow: ellipsis;
|
|
}
|