Ich habe ein bisschen damit herumgespielt und festgestellt, dass es möglich ist, die Gruppen anzuordnen, wenn sie sich in einem Flex-Container befinden.
In Horizon ist das von Design her und standardmäßig so, daher lohnt es sich, das aktive Theme zu prüfen und bei Bedarf anzupassen:
.groups-boxes .group-box[data-group-name="group1"] {
order: -3;
}
.groups-boxes .group-box[data-group-name="group2"] {
order: -2;
}
.groups-boxes .group-box[data-group-name="group3"] {
order: -1;
}
Ich habe die Kompatibilität nicht getestet, aber es scheint mit modernen Browsern weitgehend kompatibel zu sein, da Flex-Display der übliche Standard ist.
Das einzige Problem, das ich gefunden habe, ist, dass mein CSS-Styling nicht auf die Gruppen-Boxen angewendet wurde. Ich habe bereits body.group-boxes ausprobiert, aber ohne Erfolg.
Ich bin für Vorschläge offen 