CSS의 display: flex 또는 display: grid를 사용하면 컨테이너 안의 요소를 배치할 수 있음을 발견했습니다.
Horizon에서는 이것이 기본 설계 원칙이므로, 필요할 경우 활성 테마를 확인하여 그에 맞게 조정하는 것이 좋습니다:
.group-box[data-group-name="group1"] {
order: -3;
}
.group-box[data-group-name="group2"] {
order: -2;
}
.group-box[data-group-name="group3"] {
order: -1;
}
어색한 대안은 그룹의 내부 이름을 1_group, 2_group, 3_group으로 변경하는 것이었지만, 눈이 피로해져서
TC를 탐색하고 시행착오를 거치며 이 해결책을 찾았습니다.
도움이 되기를 바랍니다.