Fix: Welten-Chips letzte Zeile zentriert (Flex statt Grid), force-update setzt Cooldown gegen Dauerschleife, SW v1129
This commit is contained in:
parent
184522a7c7
commit
fa1ecfa0fb
7 changed files with 28 additions and 22 deletions
|
|
@ -8225,16 +8225,18 @@ svg.empty-state-icon {
|
|||
gap: 7px;
|
||||
}
|
||||
|
||||
/* Handy: bei weniger als 4 Chips zentriert statt linksbündig (Symmetrie).
|
||||
Chip-Breite bleibt exakt wie im 4er-Raster (3 Gaps × 7px = 21px). */
|
||||
/* Handy: Flexbox statt Grid, damit eine unvollständige letzte Zeile
|
||||
horizontal zentriert wird (volle Zeilen bleiben randbündig).
|
||||
Chip-Breite exakt wie im 4er-Raster (3 Gaps × 7px = 21px),
|
||||
1px Puffer gegen Subpixel-Umbruch. */
|
||||
@media (max-width: 767px) {
|
||||
.world-chips-grid:not(:has(.world-chip:nth-child(4))) {
|
||||
.world-chips-grid {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.world-chips-grid:not(:has(.world-chip:nth-child(4))) .world-chip {
|
||||
width: calc((100% - 21px) / 4);
|
||||
.world-chips-grid .world-chip {
|
||||
width: calc((100% - 22px) / 4);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue