يستخدم مكون الثيم الخاص بي كائنات للإعدادات، ويوفر عددًا لا بأس به من الحقول.
تستخدم أنماط الشبكة المطبقة حاليًا على إعدادات الكائنات أعمدة ضيقة جدًا لعمود علامات التبويب العمودية، وحقول المخطط (schema).
أردت تقديم عرض بديل لإعدادات الكائنات، لكنني لم أتمكن من رؤية طريقة لإدخال طريقة لتغيير الإعدادات فقط لمكون الثيم الخاص بي؛ لا أريد تطبيق تجاوزات CSS الخاصة بي عالميًا لجميع الثيمات.
هل يمكن لـ Discourse إضافة مُعرّف CSS في نموذج كائن المستند (DOM) لكل ثيم ومكون ثيم، بحيث يمكن إضافة قواعد CSS مختلفة تستهدف صفحات إعدادات الثيم المحددة؟
إليك تجاوز CSS البسيط الذي أستخدمه على موقعي، والذي يتم تطبيقه عالميًا:
.schema-setting-editor .schema-setting-editor__wrapper {
grid-template-columns: minmax(15em, 0.3fr) 1fr;
gap: 0 3rem;
}
.schema-setting-editor .schema-field {
grid-template-columns: 1fr;
gap: 0;
background-color: var(--tertiary-100);
padding: 1rem 5px;
}
الأنماط الافتراضية والمُعاد كتابتها:
