كنت أجرب بعض الأشياء واكتشفت أنه من الممكن إعادة ترتيب المجموعات إذا كانت موجودة داخل حاوية مرنة (flex container).
في 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 display) هو المعيار الشائع.
المشكلة الوحيدة التي وجدتها مع هذا هي أن صناديق المجموعات لم تلتقط تنسيقات CSS الخاصة بي. لقد حاولت بالفعل استخدام body.group-boxes دون جدوى.
أنا منفتح على الاقتراحات 