FKB برو - موضوع اجتماعي

لقد تحققت من آخر تحديث لي، لكن الفئة لا تزال على الجانب الأيسر.

@Don
مرحباً،
لقد طبقت “ردود مضمنة مخصصة (مكون سمة)” على “FKB Pro - سمة اجتماعية”. إنه ليس سيئًا على سطح المكتب، ولكن على الهاتف المحمول، يكون تخطيط عمود التعليقات الأيمن ضيقًا جدًا، كما أن أيقونة “الانتقال إلى المنشور” ملتصقة أيضًا بالجزء السفلي. نتيجة لذلك، تبدو المساحة على اليسار واسعة جدًا. هل لديك أي خطط لترتيب الأيقونة الخاصة بالخيط وأيقونة المستخدم في الجزء الأيسر من العمود قدر الإمكان، وتعديل التخطيط لتحقيق التوازن بحيث يمكن رؤية التعليقات بشكل أوسع؟

@Don لقد واجهت تعارضًا طفيفًا آخر بين FKB Pro و Discourse Custom Wizard

إعجابَين (2)

شكراً @Drew-ART، لقد قمت بإزالة تجاوزات المخطط التفصيلي. :+1: بعد تحديث السمة، يجب أن تعمل.

إعجابَين (2)

إذا أردت إضافة CSS مخصص إلى السمة، فهل أفكر بشكل صحيح بأن “محرر الإعدادات” يحل محل زر “تحرير HTML/CSS”؟

إذًا، حيث ينتهي CSS الخاص بـ @Don:

	{
		"setting": "dark_btn_hover",
		"value": "rgba(var(--primary-rgb),.1)"
	}
    ]

سأستمر في الأسفل بشيء مثل هذا:

    data-category-id='offers' [
	  .discourse-kanban-list {
		 width: 50%;
         }
    ]

(فئة واحدة فقط تحتوي على عمودين في لوحة Kanban الخاصة بها وأريد أن يكونا أوسع، 50٪ من المساحة لكل منهما)

هل يمكن استخدام مكون الشريط الجانبي الأيمن مع لوحة FKB “القياسية”؟ بحيث يكون القسم العلوي هو لوحة FKB ولكن أسفله بقية مكون الشريط الجانبي الأيمن؟

بالإضافة إلى ذلك، هناك مشكلة عندما تكون الشريط الجانبي مغلقًا، توجد فجوة إلى اليمين

من الواضح أن هذه الفجوة مطلوبة عندما يكون الشريط الجانبي مرئيًا ولكن ليس عندما يكون مخفيًا.

يفترض أن يكون الإصلاح هو هذا

.fkb-panel-hidden .list-container .full-width {
	gap: 0;
}
إعجاب واحد (1)

في نافذة إنشاء الحساب، أرى أزرار تسجيل الدخول من طرف ثالث غير محاذاة بشكل صحيح. يحدث هذا فقط على الهاتف المحمول (وتغيير حجم النص إلى 75% يعيدها إلى المحاذاة الصحيحة). أتساءل عما إذا كان هذا خطأ في FKB PRO أم لا؟

تبدو صحيحة في نافذة تسجيل الدخول الخاصة بي، فقط نافذة إنشاء الحساب هي التي بها خلل. بخلاف ذلك، كان هذا الثيم رائعًا، شكرًا لك!

إعجاب واحد (1)

مرحباً @Drew-ART، آسف للتأخير.

باستخدام محرر الإعدادات، يمكنك القيام بنفس الشيء عند تغيير إعداد سمة. لذا في هذه الحالة، يمكنك تغيير الألوان. هذه الإعدادات مقيدة. إذا كنت ترغب في إجراء تغييرات أكبر على الأزرار وما إلى ذلك، فيجب عليك إنشاء مكون جديد - وتفعيله للسمة - حيث يمكنك وضع الكود الخاص بك.

أنا لست على دراية كبيرة بـ CSS الخاص بـ kanban ولكن أعتقد أن data-category-id يجب أن يكون رقمًا.

يبدو شيئًا كهذا.

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

ويجب عليك وضع هذا في مكون جديد. شيء مثل ما أظهره هنا: FKB Pro - Social theme - #88 by Don


مرحباً @Fma965، نعم، من الممكن تقنيًا. الآن يعمل كما لو كنت تستخدم الشريط الجانبي الأيمن، يتم إخفاء القسم الافتراضي، ولكن من الممكن استخدام كليهما معًا مع بعض CSS أعتقد.


مرحباً @thisisjoshjones، شكراً :slightly_smiling_face: نعم أعتقد أنه يجب علي تحديث CSS الخاص بالسمة ليناسب التغييرات الجديدة في النافذة المنبثقة الأساسية. سأقوم بإصلاح هذا.

لقد حاولت التجربة باستخدام CSS، ولكن لم يبدو هذا ممكناً، كان الـ div فارغاً من اختباري.

@Fma965، لقد أضفت إعدادًا جديدًا لعرض كتل الشريط الجانبي الأيمن أسفل لوحة FKB.

Screenshot 2023-12-22 at 14.04.05


لقد قمت أيضًا بتحديث فئات النافذة المنبثقة لتناسب التغييرات الأساسية الجديدة.

@thisisjoshjones أعتقد أن هذه المشكلة سيتم حلها إذا قمت بتحديث Discourse الخاص بك إلى أحدث إصدار. نظرًا لأن آخر تحديث لـ Discourse الخاص بك كان قبل شهر (18 نوفمبر) وتم إصلاح مشكلة النافذة المنبثقة هذه منذ ذلك الحين (20 نوفمبر).

عمل رائع، شكرًا لك

شيء آخر لاحظته هو أن HTML “بعد الرأس” لا يعمل

أدوات المطور
image

لم تتم إضافة HTML أبدًا، ولكنه يظهر في المحلل ولكن ليس في مصدر صفحة الويب الفعلي

نقله إلى الرأس بدلاً من بعد الرأس ويظهر، هل هذه مشكلة في السمة أم شيء آخر؟

لقد تحققت من هذا الآن ويعمل لدي في After Header.

إعجاب واحد (1)

حسنًا، يجب أن يكون هناك شيء آخر يتداخل معه في نسختي، لا مشكلة كبيرة. شكرًا لك

تحرير: عندما يتم تمكين مكون سمة “كتل الجانب الأيمن لـ discourse” فإنه لا يعمل.

نعم، أفهم. يمكنني تكرار المشكلة مع السمة الافتراضية أيضًا. من المحتمل أن تكون مشكلة في مكون السمة “Right Sidebar Blocks”.

إعجابَين (2)

لقد كنت على حق، شكراً لك!

إعجاب واحد (1)

مرحباً،

لدي مشكلة: في الإصدار الأخير من Discourse 3.2.0.beta4-dev لا يوجد رابط لتعديل CSS/HTML في لوحة السمات…

أتساءل فقط عما إذا كانت هذه المشكلة موجودة فقط في نسختي من Discourse أم أن هناك شخصًا قام بتثبيت جديد أو تحديث إلى هذا الإصدار الأخير من Discourse لديه نفس المشكلة؟…

مرحباً @pzguillaume،

لا يمكنك تعديل السمات البعيدة. تم تقديم هذا منذ فترة.

4 إعجابات

لإكمال إجابة أوندري، يمكنك إنشاء مكون سمة جديد، وإرفاقه بسمتك، وتطبيق كافة التخصيصات الخاصة بك هنا. :+1:

4 إعجابات

@ondrej : شكرا لك. أنا جديد على ديسكورس ولم أكن أعرف…

@Arkshine : شكرا لك أيضا! لقد ساعدتني كثيرا! :clap: :blush:

إعجابَين (2)