قوائم فرعية للرأس

آسف، لم أقرأ تعليقك بالكامل. كنت أفكر في مشكلة التمرير من جانب إلى آخر التي أعاني منها أيضًا.

إعجابَين (2)

لم أفعل شيئًا خاصًا به. ما هي مشكلتك؟

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

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

هل تستخدم أحدث إصدار من القوائم الفرعية؟

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

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

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

هذا المكون رائع، ومع بعض التعديلات البسيطة على CSS، أنا راضٍ جداً عن النتيجة. شكراً لك على صنعه!

المشكلة الكبيرة الوحيدة التي أواجهها هي صعوبة إدراج عنصر جديد في القوائم بمجرد إعدادها.

لقد رأيت أن هناك طلب سحب (pull request) لاستبدال جميع حقول النص الفردية بحقل كبير واحد، وأعتقد أن هذا سيبدو أكثر منطقية.

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

(ظننت أن زر “تصدير” في أسفل واجهة المستخدم لإعدادات المكون قد يفعل ذلك، لكنه يبدو أنه يحفظ فقط كود المكون والإعدادات الافتراضية، وليس إعداداتي الخاصة.)

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

4 إعجابات

هذا الفرع من مطور مجتمعي يحتوي على منطقة نصية كبيرة لإضافة عناصر القائمة والقوائم الفرعية. إنه إصدار قديم، لكنه لا يزال يزودنا بما نحتاجه.

3 إعجابات

تفرع Canapin هو نتيجة لـ [PAID] Header Submenus UI modification. نحن أيضًا نرى أنه يقوم بما نحتاجه.

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

  • افتح ملف CSV في تطبيق جداول بيانات.
  • عدّل البيانات. بشكل عام يمكنك ببساطة اتباع النمط.
  • احفظ ملف CSV.
  • افتح ملف CSV في محرر نصوص.
  • انسخ من محرر النصوص والصق في مربع عناصر القائمة الفرعية.
  • قم برفع ملف CSV مع تغييراتك إلى هذا الموضوع ليبقى متزامنًا.

من الجدير بالذكر أيضًا، يمكنك استخدام بعض وسوم HTML والمسافات في ملف CSV لتقديم تنظيم أفضل وقوائم فرعية من المستوى الثالث، مما يساعد في حشر الكثير من العناصر على الهاتف:

5 إعجابات

أتساءل كيف نجحت Zoom في جعل القائمة تعمل في قسم الرأس

3 إعجابات

يمكن تنفيذ هذا (القوائم المنسدلة) باستخدام HTML / CSS مباشرة، وليس له أي علاقة بـ Discourse. يمكنك الضغط على f12 وفحص كيفية تنفيذ ذلك بنفسك عبر أدوات المتصفح.

4 إعجابات

بعد قراءة منشورين، اعتقدت أن الطريقة الوحيدة لإضافة روابط إلى .d-header تحديدًا هي باستخدام مكون مشابه لما يفعله هذا المكون، باستثناء أن هذا المكون ينشئ رأسًا إضافيًا في الأعلى.

بعد النشر هنا، خطرت لي فكرة أن مكونًا مشابهًا لـ Custom Header Links قد يقوم بالمهمة إذا تم تعديله كما اقترحت في منشوري.

3 إعجابات

بعد الترقية إلى أحدث إصدار، لا تعمل قوائم الترويسة الفرعية “الوضع الثابت” (“إجبار القائمة على الظهور في الأعلى بغض النظر عن التمرير - سطح المكتب فقط”) بشكل جيد. في الصفحة الرئيسية، تضيف مساحة بيضاء كبيرة، وفي الصفحات الأخرى، تغطي قائمة الترويسة الفرعية قائمة Discourse الرئيسية. أنا متأكد من أن الأمر يتعلق بـ:

لكنني لا أرى أن تنسيقات CSS لمكون هذا القالب تُعيّن الموضع المطلق لـ d.header. هل لديك أي أفكار؟

3 إعجابات

أي متصفح تستخدم؟ هل يمكنك مشاركة لقطة شاشة للمشكلة؟

هذا ما أراه في أحدث إصدار من Discourse مع تفعيل “الوضع الثابت” عندما أكون قد نزلت لأسفل قائمة المواضيع:

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

نفس الأمر يحدث مع Chrome أو Firefox على سطح المكتب. أما على الهاتف المحمول فكل شيء على ما يرام.

الصفحة الرئيسية بدون “الوضع الثابت” (العادي):







الصفحة الرئيسية مع “الوضع الثابت” تحتوي على مساحات بيضاء إضافية:






تمرير الصفحة للأسفل داخل الموضوع بدون “الوضع الثابت” (العادي):






تمرير الصفحة للأسفل داخل الموضوع مع “الوضع الثابت”. الشعار وعنوان الموضوع وزر القائمة (Hamburger) مغطى بواسطة القائمة:

إعجابَين (2)

هل لديك تنسيقات CSS مخصصة أخرى؟ من الممكن أن يكون هناك بعض الحشوات أو الهوامش على .docked .d-header أو #main-outlet تتعارض مع تحديثات Discourse…

4 إعجابات

هل من الممكن استخدام عناصر القائمة التي تحتوي على عناوين URL دون قائمة منسدلة؟

إعجابَين (2)

أقترح Custom Header Links (icons) إذا لم تكن بحاجة إلى قوائم منسدلة - فهي أقل إثارة للجدل وتبدو أكثر اندماجًا. لا أعرف الإجابة على سؤالك الفعلي، لكنني أظن أنها “لا”.

إعجابَين (2)

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

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

إعجابَين (2)

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

3 إعجابات

مرحباً
عند تثبيت مكون “القوائم الفرعية للرأس”، يظهر المكون لكنه يتداخل مع رأس المنتدى الحالي.


إصدار Discourse الذي أستخدمه هو 2.4.1

أرجو من أي شخص قادر على إرشادي لكيفية حل هذه المشكلة.
شكراً لكم.

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

هل جربت تحديث Discourse؟ الإصدار الحالي هو 2.7.0.beta3.

إعجابَين (2)