يختار المستخدمون الفئة ذات الصلة في Topic Composer بناءً على الفئة الفرعية - مما يعني أنه يتعين عليهم تذكر الفئة التي تندرج تحتها الفئة الفرعية التي يرغبون في استخدامها للعثور عليها.
هل من الممكن تغيير كيفية عرض الفئات في محدد الفئة بحيث يتم تبديل أماكن الفئة الفرعية والفئة (مع كون الفئة الفرعية أولاً)؟
على سبيل المثال - يريد المستخدم نشر موضوع حول الحوكمة. من الناحية المثالية، يعرض القائمة المنسدلة للفئة “الحوكمة - المسؤول” (ويتم ترتيب القائمة حسب الفئة الفرعية).
وعند تحديده، يتم عرضه كـ “الحوكمة - المسؤول” في المنشئ.
شكرا
يمكن أن يكون حل CSS سريعًا كما يلي. ضعه في سمة CSS الخاصة بك أو في CSS لمكون.
// يعكس الموضع من "الفئة -> الفئة الفرعية" إلى "الفئة الفرعية -> الفئة"
.select-kit .select-kit-row.category-row .category-status,
#reply-control .category-input .category-chooser .selected-name .name {
flex-direction: row-reverse;
}
// يخفي الفئة الأصلية عند تحديد فئة فرعية
#reply-control .category-input .category-chooser .selected-name .name {
& > .badge-category__wrapper:first-child {
display: none;
}
& > .badge-category__wrapper:last-child {
display: unset;
}
}
إعجابَين (2)
أنت ساحر - شكراً جزيلاً!
هل هناك طريقة للمؤلف لإعطاء الأولوية لإظهار اسم الفئة الفرعية على الفئة في القائمة المنسدلة بمجرد تحديدها أو بشكل أفضل، إظهار الفئة الفرعية فقط (ظهور فئات “المسار” فقط في القائمة المنسدلة)؟
بعد بعض التجربة والخطأ، أعتقد أنني أحرز تقدمًا باستخدام:
span.name .badge-wrapper:first-child {
display: none;
}
ومع ذلك، فإنه لا يعمل إذا كان الخيار يحتوي فقط على فئة ولا يحتوي على فئة فرعية (وفي هذه الحالة يجب إظهار الفئة) - سأستمر في التجربة.
Jagster
15 ديسمبر 2023، 2:36م
5
ما الخطأ في اقتراح Arkshine؟
@martyn_thomas لقد قمت بتحديث منشوري أعلاه. أنت على المسار الصحيح. إنه يفتقد قاعدة واحدة لاستعادة display عندما لا توجد فئة فرعية. (بشكل أساسي، الحل هو إخفاء العنصر الأول دائمًا وإلغاء تعيين العنصر الثاني)
لا شيء - لقد عملت بشكل مثالي، أنا لا أحاول إخفاء الفئة من القائمة المنسدلة المحددة - أساسًا أحاول جعل المنشئ الخاص بي يبدو جميلًا.
إعجابَين (2)
Arkshine:
// يعكس الموضع من "الفئة -> الفئة الفرعية" إلى "الفئة الفرعية -> الفئة"
.select-kit .select-kit-row.category-row .category-status,
#reply-control .category-input .category-chooser .selected-name .name {
flex-direction: row-reverse;
}
// يخفي الفئة الأصلية عند تحديد فئة فرعية
#reply-control .category-input .category-chooser .selected-name .name {
& > .badge-category__wrapper:first-child {
display: none;
}
& > .badge-category__wrapper:last-child {
display: unset;
}
}
الجزء الأول يعمل (تبديل الفئة الفرعية والفئة)، لكن الجزء الثاني لا يعمل
سألعب خلال عطلة نهاية الأسبوع لمعرفة ما إذا كان بإمكاني اكتشاف ذلك. شكرًا لمساعدتك - أنا مدين لك بكأس عيد الميلاد.
إعجاب واحد (1)
لست متأكدًا. كما ترى في لقطة الشاشة، إنها تعمل من جانبي.
Jagster
15 ديسمبر 2023، 5:27م
11
يعمل هذا بالنسبة لي أيضًا (ويجعل الأماكن أكثر ترتيبًا ومنطقية، لأننا نهتم بفئة واحدة، وليس المسار إليها - الفئة الأم ليست مهمة هنا)
شكرًا لكما.
إعجابَين (2)
تمكنت من حلها:
في 3.1 هو
#reply-control .category-input .category-chooser .selected-name .name {
& > .badge-wrapper:first-child {
display: none;
}
& > .badge-wrapper:last-child {
display: unset;
}
}
شكراً لمساعدتكم جميعاً!
إعجاب واحد (1)
Heliosurge
16 ديسمبر 2023، 12:12ص
13
مرحباً، أتخيل أنه إذا لم يكن لديك الكثير من الفئات بدون فئات فرعية. يمكنك استخدام شرط.
على سبيل المثال، إذا لم تكن الفئة cat1 أو Cat2. فقم بتطبيق الكود الخاص بك لإخفاء الفئة الرئيسية من المنشئ.
إذا كان العكس، قم بالتغيير إلى إذا كانت catX أو Cat أو Y، فقم بتطبيق الكود الخاص بك.
في أي مكان نحتاج إلى وضع هذا عند إنشاء المكون؟
system
15 يناير 2024، 12:12ص
14
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
