نعم، هذه هي المشكلة المتعلقة بمجموعات الوسوم.
نعم، لقد أطلعتُ للتو على الأمر ويبدو أن الإصلاح بسيط نسبيًا؛ فالنواة تحتاج إلى استخدام مُصوّر الوسوم في قائمة التنقيط (سيكون ذلك متوافقًا مع منتقي الوسوم في المحرر). سأبحث في ذلك قريبًا.
لاحظت للتو أن مُصوِّر الفئة يتم استبداله أيضًا في القائمة المنسدلة التي تظهر عند استخدام #mentioning في المحرر، مما يعرض أيقونة الفئة من عنصر السمة، لكن مُصوِّر الوسم يعرض مُصوِّرًا مختلفًا عن جميع الأماكن الأخرى، مع أيقونة وسم بجانب اسم الوسم:
@pmusaraj هل تعتقد أنه من الممكن جعل هذا المُصوِّر يستخدم أيضًا المُصوِّر الذي تم استبداله بواسطة عنصر السمة؟
شكرًا لك.
إعجابَين (2)
أعتقد أن توحيد هذا سيكون منطقياً، نعم. هل أنت مهتم بالعمل على طلب سحب (PR) لهذا الأمر @renato؟
(ملاحظة: تم رفع طلب سحب PR هنا لقائمة التنقيط، وسيتم دمجه ربما الأسبوع القادم.)
4 إعجابات
لقد بدأت في استخدام هذا المكون لتنبيه المستخدمين بصريًا عند تطبيق وسم سيؤدي إلى تفعيل تكامل الدردشة.
هل من الممكن تلوين نص الوسم أيضًا بشكل اختياري مباشرة من هذا المكون؟ أرى خيارًا يدويًا في المنتدى هنا. شكرًا لك على هذا المكون الرائع!
تعديل: سيكون من المفيد أيضًا إضافة أيقونات متعددة إلى الوسم. شكرًا لك على النظر في ذلك!
إعجاب واحد (1)
يمكن القيام بذلك باستخدام SCSS في نسختك، لكننا لا نخطط لإضافة هذه الوظيفة إلى المكون.
كما أننا لا نخطط للسماح بأيقونات متعددة لكل وسم.
إعجابَين (2)
مرحبًا @pmusaraj
هل توجد حيلة لتعيين أيقونة احتياطية لكل مجموعة وسوم حتى الآن؟
هل من الممكن تغيير الأيقونات على جميع الوسوم؟ بدلاً من النقاط، هل يمكن استخدام شيء آخر؟ إذا فهمتُ بشكل صحيح، فإن هذا المكون مخصص فقط للوسوم المدرجة.
تم العثور على الإجابة:
.discourse-tags .bullet:before {
background: transparent;
content: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 467 856.25" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd"><defs><style type="text/css">.fil0 {fill:black}</style></defs><g><path class="fil0" d="M234 0c129,0 233,105 233,234 0,64 -26,122 -68,165l-165 286 -166 -286c-42,-43 -68,-101 -68,-165 0,-129 105,-234 234,-234zm0 125c50,0 90,40 90,90 0,50 -40,91 -90,91 -50,0 -91,-41 -91,-91 0,-50 41,-90 91,-90z"/></g></svg>');
vertical-align:baseline;
}
يمكن تحميل صور أيقونات SVG بحرية من مواقع مثل https://thenounproject.com/
إعجاب واحد (1)
وسوم الرصاصة + لون الوسم
إذا كنت تستخدم وسومًا على شكل رصاصة وتريد:
- أن يكون لون أيقونة الوسم ولون نص الوسم متطابقين
- إظهار الرصاصة فقط إذا لم تكن هناك أيقونة وسم مُعينة
إليك كيف قمت بذلك للوسوم books و science-fiction:
النتيجة النهائية:
- إعداد مكون
Tag icons(هذا المكون)
- إعداد مكون ثانوي يجب أن يُحافظ على تزامنه مع
Tag Icons
في هذا المكون، نقوم بشيءَين:- إخفاء الرصاصة لوسوم محددة
- تلوين نص الوسم بنفس لون الأيقونة
لجعل هذا يعمل، ننشئ مكون سمة جديد: Tag Icons extra.
في قسم Common/CSS:
- أضف الميكسين التالي (يُستخدم مرة واحدة فقط):
@mixin updateBulletTag ($col) {
&.bullet {
color: $col !important;
}
&.bullet::before {
content: none !important;
}
}
- لكل وسم تريد تعديله، الصق الكود التالي واستبدل
REPLACEMETAGباسم الوسم وREPLACEMECOLORبنفس لون الأيقونة:
[data-tag-name="REPLACEMETAG"] {
@include updateBulletTag(REPLACEMECOLOR);
}
7 إعجابات
تقرير خطأ: في محدد الوسوم للموضوع، الأيقونات غير ملونة:
هنا، يجب أن تكون الأيقونات بنفس لون النص (النص هو تنسيقي CSS المخصص):
إعداداتي:
إعجابَين (2)
@pmusaraj لدي حوالي 50 وسمًا أضفت بجانبها أيقونات منذ أسبوعين تقريبًا. الآن، عندما أتحقق من قائمة الوسوم، وجدت أن خمسة منها لم تعد تحتوي على أيقونات… وحتى لو قمت بحذفها وإعادة إدخالها، لا فائدة. ربما أحاول حذف جميع الـ 50 وسمًا ثم إعادة إدخالها جميعًا لأرى إن كان ذلك سيساعد، لكنني أتمنى ألا أضطر إلى ذلك، لأن الأمر مزعج…
هل يمكنك نشر لقطة شاشة لإعداداتك مع توضيح الوسوم التي لم تعد أيقوناتها تعمل؟
إعجابَين (2)
هاه، من الغريب أن آخر خمس إدخالات لا تعمل. هل يمكنك تجربة تبديل إحدى الإدخالات في آخر خمس مع أخرى أعلاه ورؤية ما يحدث؟ يبدو أن قيمة الإعداد يتم اختصارها في مرحلة ما…
3 إعجابات
فقط لتعلم، لم تكن الخمسة الأخيرة هي التي بدأت في عدم الظهور في الأصل. كانت خمس عناصر تبدو عشوائية، ثم قمت بحذفها وأعدت إدخالها لأرى ما إذا كانت ستظهر (ولم تظهر)، وهذا هو السبب في أنه يبدو وكأنها لا تظهر لأنها من العناصر الأخيرة.
مع ذلك، قمت بحذف وسم التحقق من الإثبات وأعدت إدخاله ليكون في مقدمة القائمة. كان برتقاليًا وما زال برتقاليًا ويظهر بشكل جيد. لا يزال الأمر يبدو أنه يتعلق بتلك الخمسة فقط…
هل توجد طريقة لاستخدام متغيرات الألوان هذه لألوان أيقونات الوسوم؟
يمكنك استخدام أي لون لأيقونات الوسوم.
أم ماذا تقصد؟
آه، خطأ مني. لقد وجدتُ خطئي للتو وهو يعمل بشكل ممتاز.
رائع أنه ممكن!
إعجاب واحد (1)
هل توجد طريقة لاستخدام ملف PNG كأيقونة؟ لدي جميع الصور التي أريد استخدامها بصيغة PNG، وتحويلها إلى SVG يفسدها، وعندما أحاول التحويل لا يمكنني تحميل الأيقونات على أي حال.
لدي أكثر من 400 صورة أحتاج إلى تحويلها، وبما أنني لم أستطع حتى إتمام عملية تحويل واحدة بنجاح، فسيكون من الرائع أن أتمكن من استخدام ملفات PNG الموجودة لدي مباشرة.
هذا المكون غير مخصص للاستخدام مع ملفات PNG. يمكنك على الأرجح استخدام CSS في حالتك.
إعجابَين (2)