Ho fatto qualche esperimento e ho scoperto che è possibile riordinare i gruppi se si trovano all’interno di un contenitore flex.
In Horizon è così per progettazione e come impostazione predefinita, quindi vale la pena controllare il tema attivo per adattarlo se necessario:
.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;
}
Non ho testato la compatibilità, ma sembra essere ampiamente compatibile con i browser moderni, dato che la display flex è lo standard comune.
L’unico problema che ho riscontrato con questo approccio è che le caselle dei gruppi non hanno recepito il mio stile CSS. Ho già provato a usare body.group-boxes senza successo.
Sono aperto a suggerimenti 