ثيم يشبه Reddit لمنصة Discourse

[Moin]

أعتقد أن هذا تم حله في

In 1 month I'm close to 1,000 members but I'm missing one thing!

As I see your site right now, the three columns are responsive. But if what you want is for the 3 columns to shrink in place as you narrow the window (except in mobile of course), you could try this: /* Container to hold the 3 columns */ #main-outlet-wrapper { display: flex; justify-content: space-between; gap: 20px; /* Adjust space between columns if needed */ } /* Each column */ .sidebar-wrapper, #main-outlet, .custom-right-sidebar { flex: 1; padding: 10px; background-color: #f4…

[MCATAKCIN]

لقد أحرزت تقدمًا كبيرًا (: الآن كيف يمكنني إظهار الشريط الجانبي المخصص الأيمن على الصفحة الرئيسية هنا أيضًا؟

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

[joo (slower)]

بعد تفعيل سمة (بدون أي مكونات)، تتداخل قائمة المواضيع مع الشريط الجانبي الأيمن. تستمر هذه المشكلة حتى في الوضع الآمن. كيف يمكنني حل هذا؟

[awesomerobot (Kris)]

لم أتمكن من تكرار ذلك، ما هو المتصفح الذي تستخدمه؟ هل Discourse محدث؟

[fsaccount]

مرحباً،

أحببت هذا القالب ولكن هناك مشكلة صغيرة في الهاتف المحمول،
لا يوجد زر رد للهاتف المحمول، هل من الممكن إضافة زر رد مشابه لزر إنشاء موضوع جديد عند تصفح الفئات؟

[Heliosurge (Dan DeMontmorency)]

أفهم ما تقصده. لا يوجد رد على الموضوع. يوجد فقط رد على التعليق.

[joo (slower)]

@كريس، مشاركة: 72، موضوع: 269466، اسم المستخدم: awesomerobot

أنا غير قادر على إعادة إنتاج هذا، ما هو المتصفح الذي تستخدمه؟ هل Discourse محدث؟

تم حل المشكلة عن طريق تفعيل مكون العرض الكامل. ومع ذلك، هناك الآن فجوة كبيرة على الجانب الأيمن. هل هناك طريقة لضبطها بحيث يكون للجانبين تباعد متساوٍ؟

[joo (slower)]

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

[MCATAKCIN]

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

على أي حال…

لقد قمت بتعطيل المكون كامل العرض. وأضفت هذه كـ CSS مخصص.

#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
}
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  box-sizing: border-box;
}
.sidebar-wrapper,.custom-right-sidebar{max-width:280px;}

@media (max-width: 768px) {
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
body[class*=user-] .custom-tag-banner, body[class*=user-] 
.custom-category-banner, body[class*=user-] 
.custom-right-sidebar, body.archetype-regular 
.custom-tag-banner, body.archetype-regular 
.custom-category-banner, body.archetype-regular 
.custom-right-sidebar {
    display: flex;
}

آمل أن يساعد ذلك. سأرد عندما ترسل لي رسالة إذا لزم الأمر.

[joo (slower)]

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

[Zomb (Ro)]

أنا حقًا أحب هذا!

[Zomb (Ro)]

هل هناك طريقة لإظهار الفئات الفرعية على الهاتف المحمول. إنها جميلة على سطح المكتب، لكنني لا أراها على الإطلاق تحت الفئة الرئيسية.

[MihirR (Mihir)]

أردت فقط التأكيد ما إذا كان هذا مجهزًا الآن للعمل مع التصويت على مواضيع/منشورات Discourse وما إذا كان بإمكاننا إضافة لوحة صدارة على اليمين تمامًا كما في السمة المركزية؟

[MCATAKCIN]

أريد المشاركة. لا يظهر في صفحة موضوع “custom-right-sidebar” على الصفحة الرئيسية. كيف يمكنني جعله يظهر هنا. إذا ساعدتني، سأقوم بتصميم يشبه تويتر بثلاثة أعمدة. سأكون سعيدًا بمشاركة الأكواد.

المكان الذي حددته باللون البرتقالي

شكراً يا رفاق

[joo (slower)]

@MCATAKCIN

أتطلع أيضًا إلى عرض “custom-right-sidebar” في صفحات الموضوع، ولكن حتى الآن، لا يبدو أن أيًا من مكونات الشريط الجانبي الحالية تعمل لهذا الغرض. سيكون من الرائع لو تمت إضافة هذه الميزة مباشرة إلى السمة.

[Gotchur]

بالنظر إلى شعبية هذا الموضوع، سيكون من الرائع رؤية دعمه رسميًا

[digitalsc4rz]

تبدو رائعة - سأجرب هذا على موقعي

[NateDhaliwal]

هل الكتل البرمجية دائرية جدًا، هل هذا مقصود؟
أيضًا، تقدم الموضوع في المخطط الزمني للموضوع ليس في وسط المخطط الزمني للموضوع.

[Canapin (Coin-coin le Canapin)]

بعض الأخطاء / مشكلات تجربة المستخدم:

• الأرقام ليست في المنتصف عموديًا على مفتاح تبديل تقدم الموضوع على #mobile، كما ذكر أعلاه:
  

  

• مفتاح تبديل الملخص بالذكاء الاصطناعي لا يظهر على desktop.

• المفتاح موجود على #mobile، ولكن الملخصات لا تظهر:
  

• بعض النصوص تتجاوز الشريط الجانبي الأيمن على #desktop:
  

  

[Damian_Boon]

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