この機能でいくつか試行錯誤したところ、Flexboxコンテナ上にある場合はグループの順序を並べ替えることが可能であることが分かりました。
Horizonでは、これがデフォルトの設計仕様となっています。そのため、必要に応じて現在のテーマを確認し、調整を行う価値があります。
.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;
}
互換性は未テストですが、Flex表示は共通の標準であるため、最新のブラウザとの互換性は高いようです。
この方法で見つかった唯一の問題は、グループボックスに私のCSSスタイルが反映されなかったことです。body.group-boxes を試してみましたが、成功しませんでした。
ご提案をお待ちしています 