fix: Einstellungskarten in feste Spalten statt Spaltenfluss
Beim Abrufen und beim Bearbeiten sprang die halbe Seite. Ursache war der CSS-Spaltenfluss: Aendert eine Karte ihre Hoehe, verteilt der Browser ALLE Karten neu auf die Spalten. Ich hatte das zweimal am Symptom kuriert (Formular in den Dialog verschoben), aber die naechste wachsende Karte brachte es zurueck. Jetzt bekommt jede Karte fest ihre Spalte. Waechst eine, verschiebt sich nur, was in derselben Spalte darunter steht. Die Spaltenzahl kommt aus der tatsaechlichen Containerbreite (ResizeObserver), nicht aus der Fensterbreite – in der schmalen Seitenleisten-Ansicht stimmte das sonst nicht. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -284,22 +284,6 @@
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* Einstellungen & Mein Konto: Karten fliessen spaltenweise.
|
||||
Ein Raster richtet die Karten zeilenweise aus – die zweite Reihe beginnt erst
|
||||
unter der HOECHSTEN Karte der ersten, was bei sehr unterschiedlich hohen
|
||||
Karten ein grosses Loch hinterlaesst. Der Spaltenfluss stapelt stattdessen
|
||||
weiter, sobald oben Platz frei wird. Die Spalten sind bewusst breit: vier
|
||||
schmale Karten nebeneinander waren auf dem Notebook nicht mehr lesbar. */
|
||||
.settings-grid {
|
||||
column-width: 380px;
|
||||
column-gap: var(--sp-4);
|
||||
}
|
||||
.settings-grid > * {
|
||||
break-inside: avoid;
|
||||
margin-bottom: var(--sp-4);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Nutzer-Chip in der Seitenleisten-Fußzeile ist ein Link auf „Mein Konto". */
|
||||
a.sidebar-user {
|
||||
text-decoration: none;
|
||||
|
||||
Reference in New Issue
Block a user