اجعل ترجمات السمات متاحة من CSS

ساهم ميزة
1

في الواقع، إعدادات السمة يمكن الوصول إليها من خلال CSS، لكن ليس من خلال ترجمات السمة.

سيكون من الجيد جعلها قابلة للترجمة

على سبيل المثال، في مكون السمة DiscoTOC، لدينا هذا الإعداد:

المستخدم في CSS:

2

إضافة النصوص عبر CSS تعتبر نوعًا من الحلول البديلة كحل أخير لأنها غير متاحة، ولا أعتقد أننا يجب أن نشجع عليها من خلال دعمها بميزات إضافية.

8 إعجابات
3

هل يمكن تحقيق شيء كهذا عبر إضافة؟

4

إضافة لتمكين الترجمة في SCSS… كل شيء ممكن، لكن سيكون الأمر فوضويًا للغاية. على سبيل المثال، ستحتاج بطريقة ما إلى تجميع أصول CSS مختلفة لكل لغة محلية. أنصح بشدة بعدم محاولة القيام بذلك.

فكرة ممكنة… لكن ليست توصية (أي أنك تتحمل المسؤولية بنفسك إذا حاولت القيام بذلك :P)

أدرك أن هذه فكرة سيئة

يمكنك فعل شيء من هذا القبيل في جافا سكريبت الخاص بالقالب

document.documentElement.style.setProperty('--my-translation-name', `"${ I18n.t(themePrefix("my-translation-name")) }"`);

ثم في ملف CSS

 &:before {
    content: var(--my-translation-name);
  }

قد ينكسر هذا الأمر بعدة طرق - إذا وضعت علامة اقتباس أو أحرف خاصة في الترجمة، فسيفشل. وإذا حاولت استخدامه في IE11، فسيفشل أيضًا.

5 إعجابات
5

أنا أيضًا لا أدعم جعل الترجمات متاحة في CSS للقالب :+1:

أما بخصوص المثال في منشورك يا @evantill، فسيتم إزالته في التحديث القادم لذلك المكون من القالب.

8 إعجابات
6

تم إغلاق هذا الموضوع تلقائيًا بعد 3 ساعات. لم يعد مسموحًا بالردود الجديدة.