Fix Desktop Chips: !important overrides für flex + grid-template-columns unset
Das grid blieb wegen Spezifität aktiv. Explizite !important auf display:flex, flex-wrap:nowrap, grid-template-columns:unset erzwingen die Eine-Zeile-Darstellung. components.css ?v=1008, SW by-v1009, APP_VER 1009
This commit is contained in:
parent
9168d982d0
commit
6721597779
5 changed files with 16 additions and 15 deletions
|
|
@ -7918,19 +7918,20 @@ svg.empty-state-icon {
|
|||
}
|
||||
/* Alle Chips in einer Zeile, zentriert, egal wie viele aktiv */
|
||||
.world-chips-grid {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
gap: 7px;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
flex-wrap: nowrap !important;
|
||||
justify-content: center !important;
|
||||
grid-template-columns: unset !important;
|
||||
max-width: none !important;
|
||||
margin: 0 !important;
|
||||
gap: 7px !important;
|
||||
}
|
||||
.world-chip {
|
||||
flex: 0 1 80px;
|
||||
min-width: 60px;
|
||||
width: 80px;
|
||||
min-height: 74px;
|
||||
flex: 0 1 80px !important;
|
||||
min-width: 60px !important;
|
||||
width: 80px !important;
|
||||
min-height: 74px !important;
|
||||
}
|
||||
/* Nav vertikal zentriert zwischen Chips und Footer */
|
||||
#world-labels {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue