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

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

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

لإعادة الإنتاج:

  • قم بتشغيل الوضع الثابت في إعدادات مكون السمة.
  • انقر على موضوع به العديد من الردود.
  • (إذا كانت هذه هي المرة الأولى التي تقرأ فيها الموضوع، وكنت في الأعلى تمامًا، قم بالتمرير لأسفل لبضعة ردود، ثم عد إلى قائمة الموضوعات، ثم انقر على الموضوع مرة أخرى، بحيث يتم نقلك مرة أخرى إلى المنشور الذي كنت عليه.)

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

عليك التمرير لأعلى قليلاً في كل مرة تنقر فيها على موضوع، فقط لرؤية من هو صاحب المنشور الذي تقرأه.

ترى هذا عند دخول الموضوع:

عندما يجب أن ترى شيئًا كهذا:

الغريب حقًا هو أنه لا يحدث دائمًا، وغالبًا ما يؤدي الضغط على Ctrl-F5 إلى إصلاحه. لكنه سيحدث مرة أخرى بعد فترة.

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

(تحرير: في بعض الأحيان لا يمكن للصفحة التمرير لأعلى بما يكفي لرؤية المشكلة. على سبيل المثال، عندما تذهب إلى آخر منشور في موضوع وهو قصير، لا توجد طريقة للرأس للتداخل مع اسم الناشر هناك، حتى لو قمت بالتمرير لأسفل قدر الإمكان يدويًا. قد يفسر ذلك بعض المواقف التي تبدو فيها الأمور تعمل. اختبر باستخدام نافذة متصفح ليست طويلة جدًا للحصول على الطريقة الأكثر موثوقية لإعادة إنتاج الخطأ.)

3 إعجابات

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

.static-login .top-menu {
	display: none;
}
.static-login .d-header-wrap {
	display: none;
}

هل هناك طريقة أفضل لمنع ظهور هذا أثناء صفحة تسجيل الدخول الثابتة؟

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

لن تعمل هذه السمات وغيرها في طريقة عرض الزاحف؛ طريقة عرض الزاحف لا تقوم بتحميل معظم JavaScript الخاصة بـ Discourse.

3 إعجابات

مرحباً كريس، يمكن تحديث هذه المكونات لاستخدامها مع الدردشة والشريط الجانبي. مع تشغيل إعداد fixed_mode، لا يتم تحريك الدردشة والشريط الجانبي لأسفل ويظلان خلف رأس d.

يبدو أن CSS أدناه يصلح الأمور بشكل جيد، باستثناء أنه لا يعمل بشكل جيد مع Category Banners حيث يبدو أنه يدفع #main-outlet لأسفل بمقدار 40 بكسل إضافي في صفحات الفئات. شكرًا!

.sidebar-wrapper, .main-chat-outlet, .chat-drawer {
    margin-top: 40px !important;
}
إعجابَين (2)

شكراً على لفت انتباهي لهذا! لقد أضفت للتو بعض الإصلاحات هنا:

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

رائع، شكرًا لك كريس! هل لديك فكرة لماذا ينخفض #main-outlet بمقدار 40 بكسل؟

#main-outlet {
   padding-top: calc(1.8em + 40px);
}

إعجابَين (2)

لقد أغفلت ذلك - يمكن إزالة ذلك، وسيتم ذلك بمجرد دمج طلب السحب هذا: UX: remove old main-outlet adjustment by awesomerobot · Pull Request #19 · discourse/discourse-header-submenus · GitHub

تحديث: تم دمج ذلك الآن، لذا ستختفي المساحة الإضافية إذا قمت بتحديث المكون.

إعجابَين (2)

أين يمكن للرجل أن يجد أسماء الأيقونات؟

3 إعجابات

أعتقد أن كل ما هو مدرج هنا متاح للاستخدام: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

على الرغم من أن بعض الأيقونات تتطلب خطوة إضافية… بالنسبة للأيقونات التي لا نستخدمها في Discourse افتراضيًا، يجب إضافة أسماء الأيقونات إلى إعداد السمة Svg icons.

إذا كنت تريد حقًا أن تكون محددًا، فجميع الأيقونات التي نستخدمها في Discourse افتراضيًا مدرجة هنا: discourse/lib/svg_sprite.rb at da0d20d4a99aab40bd08bf133a425be413521d5a · discourse/discourse · GitHub

وجميع الأيقونات المتاحة للاستخدام في السمات (عبر إعداد svg icons) موجودة في هذا الدليل: discourse/vendor/assets/svg-icons at main · discourse/discourse · GitHub

عرض ملفات SVG في GitHub ليس مفيدًا حقًا، لأنك سترى مربعًا أبيض كبيرًا:

ولكن يمكنك النقر فوق الزر الخام وعرض مصدر الصفحة، واسم الأيقونة هو id الخاص بالرمز symbol

3 إعجابات

أنت رائع، شكراً جزيلاً

إعجابَين (2)

شكراً كريس، لقد تم حل المشكلة. ومع ذلك، لاحظت بعض المشكلات الأخرى. يجب دفع .topic-navigation لأسفل بمقدار 40 بكسل، ويبدو أن .topic-post.sticky-avatar .topic-avatar يتم حسابه بشكل غير صحيح عند التمرير لأسفل، وينتهي به الأمر خلف d-header. أيضًا، من الممكن توسيع نافذة الإنشاء والدردشة بشكل مرتفع جدًا وفقدان عناصر التحكم خلف d-header أيضًا. أعتقد أن هذا يغطي كل شيء!

تعديل: شيء آخر، عندما تزور رابطًا مرساة، يكون العنوان أسفل الرأس أيضًا.

إعجابَين (2)

تم تقسيم منشورين إلى موضوع جديد: The component pushes down the chat, hiding partially the chat input

تم دمج منشورين في موضوع موجود: The component pushes down the chat, hiding partially the chat input

هل توصل أحد إلى حل؟ تعجبني طريقة عدم استخدام مساحة إضافية وإعادة استخدام الموارد الموجودة بالفعل على الشاشة.

من الرائع حقًا أن التحويم فوق الشعار يسمح بالتنقل إلى المدونة أو المستندات أو الويكي!

إعجابَين (2)

على أي حال، يمكن العثور على “إعداد سمة أيقونات SVG” الذي ذكره كريس حاليًا في المسؤول > الإعدادات > أخرى > باتجاه الأسفل يوجد مجموعة أيقونات SVG (…أعتقد أن هذا صحيح؟؟)

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

هناك مشكلة صغيرة في z-index مع صندوق الإضاءة Glimmer الجديد، 1001 يضعه فوق صندوق الإضاءة لأن صندوق الإضاءة عند 1000.

إعجابَين (2)

مشكلة z-index الكلاسيكية، سيتم إصلاحها في المرة القادمة التي يتم فيها تحديث Discourse

4 إعجابات

شكراً على هذا المكون الإضافي الرائع.

أتساءل، هل هناك طريقة لعدم عرض قوائم الترويسة الفرعية عند عدم تسجيل الدخول؟

أو (كفكرة تطوير؟) ربما يكون من الأفضل، ماذا عن عرض عناصر القائمة التي ترتبط بالمجموعات (مستويات الثقة أو غيرها)؟
من السهل طلب ذلك أعرف…

شكراً
سي.

3 إعجابات

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

إعجابَين (2)

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

إعجابَين (2)