إليك طلب الدمج (PR) لدعم شعارات الفئات في الوضع المظلم:
لقد أزعجني هذا قليلاً أيضًا. القليل من CSS المخصص يقوم بالمهمة:
// دع رابط اقرأ المزيد في رؤوس الفئات يستخدم نفس لون نص الملخص
.category-about-url a {
color: inherit;
}
أمنيتي المتبقية لرابط “اقرأ المزيد”: إظهاره فقط إذا كان هناك محتوى إضافي بالفعل. لدي بعض صفحات الفئات الطويلة “حول” وبعضها قصير، وأفضل عدم تقديم رابط لمحتوى إضافي غير موجود.
(ليس لدي أي فكرة عما إذا كان هذا ممكنًا. قد يكون طلبًا كبيرًا من TC.)
عندما يتم عرض الوصف الكامل للفئة، أواجه هذا أيضًا في Theme Creator وفي مثيل التطوير الخاص بي. أنا أبحث في الأمر. أشك في أن السبب هو أن المسار يتغير ولكن المتغير المتعقب لا يتغير.
تحديث: لقد أضفت وظيفة توسيع/طي لأوصاف الفئات هنا. @nathank أيضًا تم إصلاح الخطأ في:
مع دفعة صغيرة من Ask Discourse لاستخدام willDestroy مع خدمة الموجه.
رائع يا نيت!
55 التزامًا وطلب سحب في أمسية واحدة… مذهل.
سأنتظر الدمج وأتطلع إلى تجربته!
صباح متأخر بالنسبة لي، في الواقع
. سأبحث فيما إذا كان اقتراحك بشأن التحقق مما إذا كان الوصف يحتوي على أي نص إضافي ممكنًا. شعرت أيضًا بأنني بحاجة إلى ذلك أثناء اختباري.
هذه إضافة رائعة! ![]()
مجرد نقطة ملاحظات صغيرة: قد يكون من المنطقي إضافة أيقونة شيفرون إلى الزاوية العلوية اليمنى أو الحافة اليمنى لرأس الفئة للإشارة إلى وظيفة التوسيع/الطي للمستخدمين. لكنها بداية رائعة، وللآن استخدام رمز تعبيري في نص الرابط
كمؤشر يؤدي الغرض:
تم دمج طلب السحب
!
تم الاستلام
. سألقي نظرة.
نايت، وظيفة المزيد/أقل ممتازة، شكرًا لك!
إذا كانت هناك طريقة لربط ذلك بوجود المزيد من النص، فسيكون ذلك رائعًا - ولكن يمكنني أيضًا كتابة أوصاف أطول :ضحك:
أرى بعض المشكلات التي ربما لم تتح لك الفرصة لرؤيتها:
- روابط الفئة والعلامة لا تعرض أيقونات SVG الخاصة بها
- صورة الفئة لا تظهر لذا أحصل على أيقونة الموقع الافتراضية
شيء صغير تمكنت من إيجاد حل له: الروابط في نص “حول” لم ترث لون النص، مثل رابط المزيد المذكور سابقًا. تنسق CSS هذه الروابط النصية دون التأثير على روابط الفئة والعلامة:
// تنسيق الروابط النصية، لاستبعاد روابط الفئة والعلامة
.category-title-header .category-title-description
a:not([data-type="tag"], [data-type="category"]) {
color: inherit;
text-decoration: underline;
}
(لقطات شاشة)


أنا معجب جدًا بالتحديثات، وآمل أن تكون مشكلات SVG والأيقونات الخاصة بي مجرد إصلاح بسيط.
مثير للاهتمام. هل تعرف ما إذا كان هذا موجودًا من قبل؟
سألقي نظرة. لقد واجهت هذا أيضًا. حاول تعطيل إعداد إظهار شعار الموقع في هذه الأثناء، يبدو أن هذا يصلح الأمر.
شكرًا. هل كان هذا هو الحال سابقًا وحدث تغيير ما؟
جرب تعطيل إعداد
إظهار شعار الموقعفي الوقت الحالي، يبدو أن هذا يحل المشكلة.
هذا يعمل - شكرًا! كان يجب أن أجرب المزيد من الإعدادات.
بالنسبة لأيقونات الروابط بصيغة SVG وألوان روابط النص، لا يمكنني تحديد ما قد يكونون قد فعلوه من قبل - لم تكن لدي روابط في الملخص القصير لجزء نص “حول” أبدًا، ولكن الآن هناك بعض الروابط في قسم “اقرأ المزيد” الموسع.
(لقد شاركت تنسيق CSS الخاص بلون الرابط هذا في حال كان مفيدًا لك أو لأي شخص آخر، ولكني أعلم أن تعديل هذا النوع من التنسيقات ليس بالضرورة مسؤولية المكون.)
ناتي، هل لديك أي أفكار حول مشكلة أيقونات SVG للفئات/الروابط المؤقتة؟
![]()
لا أعرف ما إذا كانت هناك اختلافات في كيفية ترميزها في الرأس مقابل الموضوع، ولكن ما يتم إخراجه مختلف تمامًا:
مقارنة رابط الفئة
رابط الفئة في الرأس:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>Wild Speculations</span>
</a>
رابط الفئة في الموضوع:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square" aria-label="Wild Speculations">
<span class="hashtag-category-square hashtag-color--category-5"></span>
<span>Wild Speculations</span>
</a>
و
مقارنة رابط العلامة
رابط العلامة في الرأس:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>ai</span>
</a>
رابط العلامة في الموضوع:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag" aria-label="ai">
<svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-5 svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#tag"></use>
</svg>
<span>ai</span>
</a>
لقد كنت مشغولاً هذه الأيام (سأصل إليها غدًا). أشك في أن هذا مدرج في وصف الفئة. إذا استخدمت الوصف الكامل، فهل لا يزال يحدث؟
أنا أقدر أنك تتطوع بجهودك، ولا أقصد مضايقتك. لقد بحثت في الأمر لمعرفة ما إذا كان هناك شيء يمكنني حله بنفسي. (لا يوجد.
)
ولكن نعم، لا يزال يحدث مع تفعيل إظهار وصف الفئة بالكامل.
سأحاول وأرى ما إذا كان هناك أي شيء يمكنني فعله. الملاذ الأخير هو استخدام بعض المنطق (الذي قد يكون معقدًا) لتعديلها بناءً على الألوان (التي قد لا تأخذ في الاعتبار الأيقونات). أنا منفتح على الاقتراحات إذا كان لدى أي شخص طريقة أفضل.
@ToddZ إذا نظرت إلى هذا المثال للمكون الرسمي Category Banners (الذي أعتقد أن Meta تستخدمه)، فإنه يعاني أيضًا من هذه المشكلة.
أرى…! وشخص ما يذكر المشكلة:
لقد قمت بتثبيت Category Banners للتحقق من أن أيقونات الفئات تعمل - لكنها لم تفعل. تحصل كل من أيقونات الفئات والعلامات على العنصر النائب، تمامًا كما هو الحال مع Category Headers. وهو نفس الشيء بغض النظر عن المنفذ المختار في الإعدادات.
إذا كانت هناك طريقة لجعلها تعالج بشكل طبيعي، فسيكون ذلك رائعًا، لكنني لا أريدك أن تلجأ إلى حل بديل معقد.
لقد اختبرت التوافق مع سمة Horizon للتو. بشكل عام، إنها تعمل بشكل أساسي، ولكن المشكلة الوحيدة هي أن منفذ المكون الإضافي المستخدم حاليًا بواسطة مكون سمة رؤوس الفئات موجود داخل حاوية list-controls في سمة Horizon. وبالتالي، يظل رأس الفئة بأكمله ثابتًا.
الحل المقترح هو تغيير منفذ المكون الإضافي أو إضافة خيار لاختيار منفذ مكون إضافي مختلف خارج حاوية list-controls، على سبيل المثال، منفذ discovery-list-controls-above.
يمكنني إنشاء طلب سحب إذا أردت يا @NateDhaliwal.
مثير للاهتمام. شكراً لك على طرح هذا الموضوع! سأبحث في الأمر.

