Niemand sieht VanVan ausser DogFather -- plus vier Punkte vom Screen
--- DAS WICHTIGSTE ZUERST: die Verbergungsregel --- Filipe, ausdruecklich und dringlich: "und noch gaaaaaanz wichtig keiner soll vanvan sehen ausser ich, ueberall soll keiner vanvan sehen ausser dogfather." ES GAB DAVON NUR EINE HAELFTE. In der Personenliste wurde der zweite Admin-Zugang fuer Spicy Media ausgeblendet (Wunsch vom 31.08.). Ueberall sonst -- Chat, Kalender, Aufgaben, Dateien, Zentrale -- war er sichtbar. `sichtbarePersonenIds` hat ihn sogar ausdruecklich JEDER Rolle gezeigt, weil sie alle Admins einsammelt. WORAN DIE BEIDEN AUSEINANDERGEHALTEN WERDEN: In der Datenbank tragen beide die Rolle `admin`, es gibt kein unterscheidendes Feld. Der Unterschied, den es wirklich gibt, ist das Alter -- DogFather ist der erste Zugang. Also: der Admin mit der kleinsten Nummer ist DogFather, alle weiteren sind verborgen. Drei Ausnahmen: DogFather sieht alle, ein verborgener Zugang sieht sich selbst, und bei nur einem Admin gibt es nichts zu verbergen. WARUM AN EINER STELLE UND NICHT IN DEN ABFRAGEN: Allein workspace-personen.js hat 23 Abfragen auf `personen`. Eine Regel, die man 23-mal wiederholt, ist 23 Gelegenheiten, sie zu vergessen -- und beim Vergessen faellt niemand auf die Nase, sondern jemand SIEHT etwas. Die Regel sitzt deshalb in `verborgeneIds()` und wird ueber einen MANTEL um die sechs Listenfunktionen gelegt: Diese haben zusammen achtzehn Rueckgabewege; sie einzeln zu flicken waeren achtzehn Gelegenheiten, einen zu uebersehen. Die ungefilterten Fassungen (`...Roh`) werden nicht mehr exportiert -- niemand kann sie versehentlich benutzen. `null` HIESS BISHER "SIEHT ALLES". Sobald es etwas zu verbergen gibt, gilt das nicht mehr: Die Liste wird ausgeschrieben. Das ist strenger, nicht lockerer. NEUE PRUEFUNG server/pruef-verborgen.mjs -- sechs Personen (darunter ein zweiter Admin), fuenf Schnittstellen, jede Rolle einzeln. Sie hat beim ersten Lauf sofort ein Loch gefunden, das ich sonst nicht bemerkt haette: Die ZENTRALE holt sich das Haus selbst und ging an allen Listenfunktionen vorbei -- Spicy Media sah VanVan dort als Segment im Team-Ring. Und beim Korrigieren der Pruefpfade fiel ein zweites auf: `darfEintragen` im Kalender liess die Leitung JEDEN eintragen, bevor ueberhaupt eine Liste befragt wurde. Eine Sichtbarkeitsregel, die nur beim Lesen gilt und nicht beim Schreiben, hat ein Loch in der Mitte. Die Pruefung hat eine Gegenprobe: Ein Manager MUSS DogFather in derselben Liste sehen -- sonst waere "sieht VanVan nicht" auch dann gruen, wenn die Listen leer zurueckkaemen. --- screen1 Punkt 1: Silber mit Babyblau --- "ich will dass diese farbe gemischt wird mit babyblau." #c7dcf4 statt #d8e0ec -- dieselbe Helligkeit, mit Blaurichtung. Nachgerechnet bleibt der Abstand zur naechsten Rolle bei 0,1790, immer noch weiter als das frueher benutzte Babyblau (0,1349). Gemischt ist es ausserdem SICHTBAR: Die Schiene laeuft von Silber nach Babyblau, und der Glanz traegt beide Toene. Eine Mischung, die man nur im Hexwert findet, ist keine. --- screen1 Punkt 2: das Wasserzeichen --- "soll viel groesser sein und nicht so abgecuttet sondern gut zu sehen sein." NACHGEMESSEN war es auf der Dashboard-Kachel zu 50 Prozent abgeschnitten, und zwar auf DREI Seiten: 36 px ueber dem oberen Rand, 44 rechts, 60 unten -- 220 px Zeichen auf einer 152 px hohen Kachel. UND ES GAB ZUM DRITTEN MAL DIESE WOCHE EINE DOPPELREGEL: 3600 Zeilen unter der sorgfaeltig begruendeten Fassung (156 px bei 0,14) stand eine zweite (118 px bei 0,085) mit derselben Spezifitaet. Sie gewann, und die Begruendung oben war wirkungslos. Am 08.09. hatte ich beim Wasserzeichen schon einmal genau so eine Doppelung gefunden -- und diese hier uebersehen. Jetzt eine Fassung, und die Groesse haengt an der KACHELHOEHE: Ein um 8 Grad gedrehtes Quadrat der Seite S braucht S x 1,129 Platz, also `min(132px, 100% - 30px)`. Nachgemessen 100 Prozent sichtbar statt 50, bei 0,14 statt 0,085 -- die sichtbare Flaeche hat sich verdoppelt. --- screen1 Punkt 3: die Personenliste in einer Kachel --- Die fuenf Rollengruppen standen als fuenf lose Abschnitte frei auf dem Hintergrundbild. Es ist aber EINE Liste mit fuenf Abschnitten. Jetzt eine Sammelkachel aus der Modulliste, mit dunklen Fugen statt Luft -- und dunkler als die Karten darin, wie eine Vitrine. --- screen1 Punkt 4: "Womit meldest du dich an?" --- Der einzige Satz auf der Anmeldeseite, der eine FRAGE stellt, stand als graue Feldbeschriftung da. Jetzt gebuerstetes Metall, ein Anschlag aus drei Kerben in Rot und Babyblau und eine auslaufende Linie -- dieselbe Sprache wie die Typenschilder im Workspace. Rueckfall vollwertig: Faellt `background-clip: text` aus, steht dort heller Text. Geprueft: pruef-verborgen (neu), pruef-rollen, pruef-start-ansicht, pruef-css-klassen, pruef-workspace-seiten, pruef-buehne, pruef-handy, pruef-chat, pruef-kalender -- alle in Ordnung. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -127,9 +127,25 @@
|
||||
`.rolle[data-rolle="admin"]` weiter unten). Kein Blinken -- die
|
||||
Anmeldeseite ist das Erste, was jemand sieht, und augenschonend
|
||||
bleibt Vorgabe. */
|
||||
--dogi-haupt: #d8e0ec;
|
||||
/* SILBER MIT BABYBLAU GEMISCHT (09.09.2026, Wunsch Filipe: "ich
|
||||
will dass diese farbe gemischt wird mit babyblau, es soll richtig
|
||||
geil sein").
|
||||
|
||||
Das reine Silber von gestern (#d8e0ec) war kuehl, aber neutral --
|
||||
es haette zu jeder Marke gepasst. Jetzt traegt es den Babyblau-
|
||||
Stich von DogFather selbst: #c7dcf4 ist dieselbe Helligkeit,
|
||||
nur mit einer Blaurichtung. Nachgerechnet bleibt der Abstand zur
|
||||
naechsten Rolle bei 0,1790 -- immer noch deutlich weiter als das
|
||||
frueher benutzte Babyblau (0,1349) und weit ueber der Grenze im
|
||||
Satz (0,0973). Kontrast 13,66:1.
|
||||
|
||||
Gemischt ist es nicht nur im Farbwert, sondern SICHTBAR: Die
|
||||
Schiene links laeuft von Silber nach Babyblau, und der Glanz auf
|
||||
der Zeile traegt beide Toene. Eine Mischung, die man nur im
|
||||
Hexwert findet, ist keine. */
|
||||
--dogi-haupt: #c7dcf4;
|
||||
--dogi-zweit: #7ec8f2;
|
||||
--dogi-tief: #38485c;
|
||||
--dogi-tief: #35506b;
|
||||
|
||||
/* MANAGER — lila, bleibt (Wunsch: "manager bleibt lila"). */
|
||||
--manager-haupt: #8a76ff;
|
||||
@@ -390,11 +406,78 @@ body.gate {
|
||||
/* Die Frage sitzt als Kopfzeile IN der Kachel, nicht darueber --
|
||||
sonst waere die Kachel eine Liste ohne Titel und der Titel ein
|
||||
Satz ohne Bezug. */
|
||||
/* =====================================================================
|
||||
DIE FRAGE UEBER DEN ROLLEN (09.09.2026, screen1 Punkt 4)
|
||||
|
||||
Filipe: "dieser text soll bitte bissl geiler sein."
|
||||
|
||||
"Womit meldest du dich an?" ist der einzige Satz auf dieser Seite,
|
||||
der eine FRAGE stellt -- alles andere ist Marke, Titel oder
|
||||
Antwort. Er stand als kleine graue Grossbuchstabenzeile da, wie ein
|
||||
Feldname in einem Formular.
|
||||
|
||||
DREI SACHEN, DIESELBE SPRACHE WIE DIE TYPENSCHILDER IM WORKSPACE:
|
||||
|
||||
1. GEBUERSTETES METALL statt Grau -- oben hell, in der Mitte
|
||||
dunkler, unten wieder hell. Ein Verlauf von hell nach dunkel
|
||||
waere eine Faerbung; erst der WECHSEL liest sich als Material.
|
||||
2. EIN ANSCHLAG LINKS aus drei Kerben, in den beiden Hausfarben
|
||||
(rot oben, babyblau unten) -- dieselbe Richtung wie die
|
||||
Fassung der Kachel und wie der Schriftzug im Kopf.
|
||||
3. EINE AUSLAUFENDE LINIE nach rechts, die die Zeile gliedert,
|
||||
ohne sie zu zerschneiden.
|
||||
|
||||
DER RUECKFALL IST VOLLWERTIG: `color` bleibt gesetzt, den Verlauf
|
||||
schaltet erst ein `@supports` dazu. Faellt `background-clip: text`
|
||||
aus, steht dort heller Text -- nicht unsichtbarer. Das ist die
|
||||
erste Seite, die jemand sieht; sie darf an keiner Technik haengen.
|
||||
===================================================================== */
|
||||
.rollen .feldschild {
|
||||
position: relative;
|
||||
display: flex; align-items: center; gap: 11px;
|
||||
margin: 0;
|
||||
padding: 12px 16px 10px;
|
||||
padding: 13px 34px 11px 15px;
|
||||
border-bottom: 1px solid #05070c;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, .045);
|
||||
color: #e6eef8;
|
||||
letter-spacing: .1em;
|
||||
}
|
||||
/* Der Anschlag: drei Kerben, oben rot, unten babyblau. */
|
||||
.rollen .feldschild::before {
|
||||
content: "";
|
||||
width: 13px; height: 13px; flex: none;
|
||||
background:
|
||||
repeating-linear-gradient(180deg,
|
||||
currentColor 0 2px, transparent 2px 5px);
|
||||
color: transparent;
|
||||
background-image: repeating-linear-gradient(180deg,
|
||||
#ff5f6d 0 2px, transparent 2px 5px);
|
||||
-webkit-mask: linear-gradient(180deg, #000 0 45%, rgba(0, 0, 0, .55) 100%);
|
||||
mask: linear-gradient(180deg, #000 0 45%, rgba(0, 0, 0, .55) 100%);
|
||||
}
|
||||
/* Die untere Haelfte des Anschlags in Babyblau -- zwei Ebenen, damit
|
||||
die Kerben oben rot und unten blau sind, ohne ein zweites Element. */
|
||||
.rollen .feldschild::before {
|
||||
background-image:
|
||||
linear-gradient(180deg, transparent 0 46%, rgba(143, 216, 255, .95) 46%),
|
||||
repeating-linear-gradient(180deg, #ff5f6d 0 2px, transparent 2px 5px);
|
||||
background-blend-mode: multiply, normal;
|
||||
}
|
||||
.rollen .feldschild::after {
|
||||
content: "";
|
||||
position: absolute; right: 12px; top: 50%;
|
||||
width: 16px; height: 1px;
|
||||
transform: translateY(-.5px);
|
||||
background: linear-gradient(90deg, rgba(143, 216, 255, .55), transparent);
|
||||
}
|
||||
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
|
||||
.rollen .feldschild {
|
||||
background: linear-gradient(178deg,
|
||||
#ffffff 0%, #dfeaf6 32%, #93a8bf 60%, #d7e6f5 86%, #ffffff 100%) text;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.rolle {
|
||||
@@ -2436,16 +2519,32 @@ body.gate {
|
||||
.rolle[data-rolle="admin"] {
|
||||
position: relative;
|
||||
}
|
||||
/* DIE SCHIENE LAEUFT VON SILBER NACH BABYBLAU (09.09.2026).
|
||||
|
||||
Die Rollenschiene links wird sonst aus einer einzigen Farbe gebaut
|
||||
(`--rf`/`--rton`). Fuer DogFather ist das jetzt zu wenig: Seine
|
||||
Farbe IST eine Mischung, und die sieht man nur, wenn beide Toene
|
||||
nebeneinander liegen. Oben Silber, unten Babyblau -- dieselbe
|
||||
Richtung wie das Licht auf der Kachel. */
|
||||
.tafel .rolle[data-rolle="admin"]::before,
|
||||
.rolle[data-rolle="admin"]::before {
|
||||
background: linear-gradient(180deg,
|
||||
#eef4fb 0%, var(--dogi-haupt) 42%, var(--dogi-zweit) 100%) !important;
|
||||
}
|
||||
|
||||
.rolle[data-rolle="admin"]::after {
|
||||
content: "";
|
||||
position: absolute; inset: 0;
|
||||
pointer-events: none;
|
||||
background:
|
||||
/* Das Spitzlicht -- schmal, schraeg, und weit vor der Mitte. */
|
||||
/* Das Spitzlicht -- schmal, schraeg, und weit vor der Mitte.
|
||||
Es traegt jetzt beide Toene: weiss am Kamm, babyblau im
|
||||
Auslauf. So liest man die Mischung auch dort, wo keine Schiene
|
||||
ist. */
|
||||
linear-gradient(104deg,
|
||||
transparent 8%,
|
||||
rgba(255, 255, 255, .11) 17%,
|
||||
rgba(255, 255, 255, .03) 24%,
|
||||
rgba(255, 255, 255, .12) 16%,
|
||||
rgba(160, 210, 245, .07) 22%,
|
||||
transparent 32%),
|
||||
/* Drei Lichtpunkte, unregelmaessig gesetzt. Regelmaessig waeren sie
|
||||
ein Muster; unregelmaessig sind sie Zufall auf einer Oberflaeche. */
|
||||
|
||||
@@ -109,7 +109,7 @@
|
||||
}
|
||||
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
|
||||
position: relative;
|
||||
clip-path: polygon(var(--fase) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase));
|
||||
border-radius: 0;
|
||||
@@ -137,7 +137,7 @@
|
||||
was übrig bleibt, ist eine Linie, die exakt der Form folgt, Schräge
|
||||
inklusive. Ein `border` könnte das nicht: Er folgt dem Rechteck. */
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::before {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
|
||||
content: "";
|
||||
position: absolute; inset: 0;
|
||||
pointer-events: none;
|
||||
@@ -160,7 +160,7 @@
|
||||
/* RASTER UND ECKWINKEL. Beides auf ::after -- ein drittes Element gibt
|
||||
es nicht, und beides ist reine Optik ohne Klicks. */
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::after {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
|
||||
content: "";
|
||||
position: absolute; inset: 0;
|
||||
pointer-events: none;
|
||||
@@ -244,7 +244,7 @@
|
||||
/* Dieselbe Form, kleiner -- keine zweite Gestaltung. */
|
||||
:root { --fase: 12px; }
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
|
||||
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .7));
|
||||
}
|
||||
}
|
||||
@@ -258,15 +258,15 @@
|
||||
/* Im Kontrastmodus zählt die Kante, und die muss ein echter `border`
|
||||
sein. Die Schräge bleibt: Sie ist Geometrie, keine Farbe. */
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe) {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe) {
|
||||
filter: none; border: 1px solid CanvasText;
|
||||
}
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::after {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::after {
|
||||
display: none;
|
||||
}
|
||||
/* MODULLISTE */
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, fieldset.gruppe)::before {
|
||||
:is(.eintrag-karte, .call, .chat, .datei, .ablage, .zahlkarte, .regel, .zustand, .ki-kasten, .spalte, .balance, .saeulen-kasten, .neu, .call-raum, .creator, .summe, .pdf, .pdf-ablage, .suchleiste, .person, .kk, .fortschritt, .punkt, .dran__punkt, .unterweisung, .warnkarte, .kachel, .tagesblick, .leer-hinweis, .team-karte, .zahl, .k-listentag, .import-vorschau, .code-fenster, .schulung__neu, .gruppe[data-gruppe], .kopf-zeile, .k-kopf, .steckbrief, .k-anlasskarte, .k-anlasskachel, .k-raster, .entscheidung, .liste-kachel, fieldset.gruppe)::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -408,3 +408,57 @@ body[data-nur-lesen="ja"] .person__knoepfe,
|
||||
body[data-nur-lesen="ja"] .person__code,
|
||||
body[data-nur-lesen="ja"] .zuteilung,
|
||||
body[data-nur-lesen="ja"] select { display: none; }
|
||||
|
||||
/* =====================================================================
|
||||
DIE PERSONENLISTE IST EINE KACHEL (screen1 Punkt 3, 09.09.2026)
|
||||
|
||||
Filipe: "das soll alles in einer großen kachel sein."
|
||||
|
||||
Die fünf Rollengruppen (Spicy Media, DogFather, Manager, Scout,
|
||||
Creator) standen als fünf lose Abschnitte frei auf dem
|
||||
Hintergrundbild. Es ist aber EINE Liste mit fünf Abschnitten --
|
||||
dieselbe Überlegung wie bei den Rollen auf der Anmeldeseite und den
|
||||
Anlässen im Kalender.
|
||||
|
||||
DIE FORM KOMMT AUS DER MODULLISTE (module.css), die FLÄCHE steht
|
||||
hier. Das ist die Aufteilung, die ich in dieser Woche dreimal falsch
|
||||
herum hatte: Die Liste gibt Fase, Kantenlicht und Eckwinkel; den
|
||||
Hintergrund bringt jedes Bauteil selbst mit. Ohne ihn wäre die
|
||||
Kachel eine Fassung ohne Füllung, also ein Loch.
|
||||
|
||||
DIE FUGE MACHT DIE KACHEL: Ein Spalt, durch den der Untergrund
|
||||
scheint, TRENNT die Abschnitte; eine dunkle Fuge VERBINDET sie, weil
|
||||
sie zum selben Körper gehört.
|
||||
|
||||
DUNKLER ALS DIE KARTEN DARIN -- genau wie bei der Anlasskachel im
|
||||
Kalender. Eine Vitrine ist dunkler als das, was darin steht; sonst
|
||||
sieht man die Vitrine statt des Inhalts.
|
||||
===================================================================== */
|
||||
.liste-kachel {
|
||||
padding: 4px 0 0;
|
||||
margin-bottom: 24px;
|
||||
background:
|
||||
var(--raster),
|
||||
linear-gradient(178deg, rgba(9, 13, 20, .96), rgba(4, 7, 12, .98));
|
||||
}
|
||||
/* Die Abschnitte werden Felder in einem Körper: keine eigenen Ränder,
|
||||
keine Luft dazwischen, sondern eine Fuge. */
|
||||
.liste-kachel > .gruppe {
|
||||
margin: 0;
|
||||
padding: 0 16px 14px;
|
||||
border-bottom: 1px solid #05070c;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, .035);
|
||||
}
|
||||
.liste-kachel > .gruppe:last-child { border-bottom: 0; box-shadow: none; }
|
||||
/* Der Kopf jeder Gruppe füllt die Breite der Kachel -- so ist die
|
||||
ganze Zeile das Ziel, nicht nur der Text. */
|
||||
.liste-kachel > .gruppe > .gruppe__kopf {
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px;
|
||||
padding: 13px 16px 11px;
|
||||
}
|
||||
/* Ein Abschnitt, der offen ist, hebt sich leicht ab -- so sieht man,
|
||||
welcher gerade Platz einnimmt, ohne eine zweite Farbe. */
|
||||
.liste-kachel > .gruppe:has(> .gruppe__kopf[aria-expanded="true"]) {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 60%);
|
||||
}
|
||||
|
||||
@@ -969,8 +969,32 @@ body.start > main { position: relative; z-index: 1; }
|
||||
es nicht liest, sondern nur spürt -- eine Kachel soll ihren Namen
|
||||
tragen, nicht ihr Zeichen. */
|
||||
.kachel__wasserzeichen {
|
||||
position: absolute; right: -14px; bottom: -26px;
|
||||
width: 156px; height: 156px;
|
||||
/* GROESSE AUS DER KACHEL, NICHT AUS EINER ZAHL (09.09.2026).
|
||||
|
||||
Filipe: "dieses symbol in der kacheln von Dashboard soll viel
|
||||
groesser sein und nicht so abgecuttet sondern gut zu sehen sein."
|
||||
|
||||
Nachgemessen war es auf der Dashboard-Kachel zu 50 Prozent
|
||||
abgeschnitten -- und zwar auf DREI Seiten: 36 px ueber dem oberen
|
||||
Rand, 44 px rechts, 60 px unten. Der Grund: 220 px Zeichen auf
|
||||
einer 152 px hohen Kachel. Was die Kachel nicht fassen kann,
|
||||
schneidet sie ab, und ein Zeichen, das oben abgeschnitten ist,
|
||||
sieht nach einem Fehler aus.
|
||||
|
||||
Jetzt haengt die Groesse an der KACHELHOEHE und ist so bemessen,
|
||||
dass sie samt Drehung vollstaendig hineinpasst: Ein um 8 Grad
|
||||
gedrehtes Quadrat der Seite S braucht S x 1,129 Platz. Bei
|
||||
`min(118px, 100% - 34px)` bleibt auf jeder Kachelhoehe Rand
|
||||
uebrig.
|
||||
|
||||
SICHTBAR GROESSER WIRD ES TROTZDEM: vorher 133 px, davon 63
|
||||
Prozent im Bild (rund 11 200 Bildpunkte) -- jetzt die volle
|
||||
Flaeche bei 0,14 statt 0,085 Deckkraft. Mehr Flaeche UND mehr
|
||||
Farbe, ohne dass etwas abgeschnitten ist. */
|
||||
position: absolute; right: 11px; bottom: 9px;
|
||||
width: min(118px, calc(100% - 34px));
|
||||
height: min(118px, calc(100% - 34px));
|
||||
aspect-ratio: 1;
|
||||
pointer-events: none; z-index: 0;
|
||||
/* .07 WAR EIN WERT AUS DER ZEIT, ALS DAS ZEICHEN GRAU WAR
|
||||
(07.09.2026). Ein graues Zeichen bei sieben Prozent auf dunklem
|
||||
@@ -1036,8 +1060,12 @@ body.start > main { position: relative; z-index: 1; }
|
||||
220 px auf 152 px Kachelhoehe: knapp anderthalbmal so hoch wie die
|
||||
Kachel, unten und rechts angeschnitten, aber mit dem Grossteil im
|
||||
Bild. Gegen die 158 px vorher ist das rund 40 % mehr Flaeche. */
|
||||
width: 220px; height: 220px;
|
||||
right: -30px; bottom: -46px;
|
||||
/* Auf der grossen Kachel darf es groesser sein -- aber ebenfalls
|
||||
GANZ im Bild. 220 px auf 152 px Hoehe waren zu 50 Prozent
|
||||
abgeschnitten; die Kachel ist breiter, nicht hoeher. */
|
||||
width: min(132px, calc(100% - 30px));
|
||||
height: min(132px, calc(100% - 30px));
|
||||
right: 13px; bottom: 10px;
|
||||
/* DIE DECKKRAFT BLEIBT BEI .14 wie bei den kleinen Kacheln.
|
||||
|
||||
Ich hatte sie auf .17 gehoben ("auf grosser Flaeche wirkt dieselbe
|
||||
@@ -4832,15 +4860,19 @@ body[data-fremde-sicht="ja"]::after {
|
||||
|
||||
/* Das Wasserzeichen füllt die untere Hälfte -- es ist bei sechs Karten
|
||||
nebeneinander das, was jede von ihnen unterscheidbar macht. */
|
||||
.kachel__wasserzeichen {
|
||||
right: -20px; bottom: -20px;
|
||||
width: 118px; height: 118px;
|
||||
opacity: .085;
|
||||
}
|
||||
.kachel:hover .kachel__wasserzeichen {
|
||||
opacity: .15;
|
||||
transform: rotate(-8deg) translate(-3px, -3px) scale(1.05);
|
||||
}
|
||||
/* HIER STAND EINE ZWEITE FASSUNG DES WASSERZEICHENS (entfernt am
|
||||
09.09.2026, screen1 Punkt 2).
|
||||
|
||||
Sie setzte 118 px bei 0,085 Deckkraft -- rund 3600 Zeilen NACH der
|
||||
sorgfaeltig begruendeten Fassung weiter oben (156 px bei 0,14) und
|
||||
mit derselben Spezifitaet. Also gewann sie, und die ganze
|
||||
Begruendung dort oben war wirkungslos. Nachgemessen kam am Ende ein
|
||||
133 px grosses Zeichen bei 8,5 Prozent heraus, von dem 63 Prozent
|
||||
sichtbar waren.
|
||||
|
||||
Genau dieselbe Sorte Fehler wie beim Wasserzeichen am 08.09. (zwei
|
||||
Groessenangaben 3600 Zeilen auseinander) -- ich habe damals nur die
|
||||
eine gefunden. Jetzt gibt es EINE Fassung, und die steht oben. */
|
||||
|
||||
/* ---------- Die große Kachel ----------------------------------------- */
|
||||
/* Sie behält das Querformat von früher. Dadurch hebt sie sich WIRKLICH
|
||||
|
||||
Reference in New Issue
Block a user