Estuve experimentando con esto y descubrí que es posible reordenar los grupos si se encuentran en un contenedor flex.
En Horizon, esto es así por diseño y de forma predeterminada, por lo que vale la pena revisar el tema activo para adaptarlo si es necesario:
.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;
}
No he probado la compatibilidad, pero parece ser ampliamente compatible con los navegadores modernos, ya que la visualización flex es el estándar común.
El único problema que encontré es que mi estilo CSS no se aplicaba a las cajas de grupos. Ya probé body.group-boxes sin éxito.
Estoy abierto a sugerencias 