تأثير تحديد موضع المكونات مع 2.5.0.beta6

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

يبدو أن التحديث الأخير قد أفسد الكود الخاص بـ @smrtey أو @pacharanero لعرض Discourse في وضع الشاشة العريضة:

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

كما كان له تأثير سلبي غير مقصود على قالب “رأس كبير - رأس صغير” (من إعداد @Taylor_Troxtel):

مما تسبب في حجب الشريط للأزرار العلوية في حالتي (الأقسام، الأحدث، الجديد).

لقد قمت بإزالتها من موقعي مؤقتًا، لكن أردت إخبار الآخرين قبل التحديث.

يعتمد رأس الصفحة الآن على position: sticky في CSS، لذا قد تكون هذه السمات تأثرت بهذا التغيير. تم تحديث الراية متعددة الاستخدامات و رايات التصنيفات في Discourse لإصلاح المشكلات إذا كنت تبحث عن نقطة انطلاق.

شكرًا لك @Alec على لفت انتباهي إلى هذا الأمر. لقد لاحظت بعض الشذوذ مؤخرًا منذ الإصدار 2.5.0.beta6 فيما يتعلق بالمسافات أسفل العناوين، في بعض نسخ Discourse التي أديرها، حيث قمت بزيادة ارتفاع شريط العنوان ليتناسب بشكل أفضل مع تصميم الموقع، وأضفت بعض الحشو (padding) لدفع عنصر #main-outlet للأسفل قليلاً. بعد الإصدار 2.5.0.beta6، لم تعد هناك حاجة إلى هذا الحشو الإضافي.

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

شكرًا لك @justin على التوجيه بشأن الإصلاح.

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

@media (max-width: 767px) {
   .d-header-wrap {
      position: fixed;
      top: 0;
      width: 100%;
   }
   #main-outlet {
       margin-top: 48px;
   }
}

مرحبًا بك :wave:. فقط لأعلمك أنه يجب أن يكون لدي إصلاح لهذا المكون لاحقًا اليوم!

تعديل: لقد قمت للتو بدفع تحديث للمكون. يرجى تحديثه من خلال لوحة تحكم المسؤول الخاصة بك.