Big Header - Little Header

Just a heads up to anyone using this component - I pushed an update that makes it compatible with the core changes that were made to the Discourse header. Let me know if you find any lingering issues. I plan to do a larger refactor when time permits, but hopefully it’s in working condition again.

cc @Alec (since you reported the issue)

3 إعجابات

Hi! I find this works great on desktop / tablet platforms but on mobile it overrides the search / hamburger / user profile buttons (and Log In…if not logged in).

The buttons are all displayed, but they are not clickable because the hyperlink of the logo is taking precedence.

EDIT >> Fixed with the following CSS.

a#logo-link {
    margin-top: 40px;
}
إعجاب واحد (1)

Hey, I really love this but I would also like to change the size of the small logo! In the theme/component I can only change the size of the big one. What is the most straightforward way to change the size of the standard logo too?

If I’m understanding you correctly, you should be able adjust the normal logo’s size by adding the following CSS rule to a new local component (e.g. “Big Header - Little Header Customizations”) you create on your site.

.scrolled-down .d-header #site-logo {
   height: 1.57em;
}
إعجاب واحد (1)

So - there is no way on the Big Header, Little header to have different header Logos for mobile and desktop?

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

Anyway to set an alternate logo for dark mode?

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

These are good suggestions and shouldn’t be too difficult to support. I’ve got a lot on my plate at the moment, but will try to dig in soon.

إعجابَين (2)

Thanks! I love the big header/little header theme component on desktop but sadly without mobile support its really hard to use (50%+ of my traffic is mobile). Looking forward to the update.

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

أنا فقط أتابع… ما زلت أرغب في تطبيق هذا على موقعي، ولكني بحاجة إلى أن يكون متوافقًا مع الأجهزة المحمولة أيضًا نظرًا لأن هذا يمثل نصف حركة المرور هذه الأيام.

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

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

للأسف، لا يزال هذا الطبق الذي ذكرته ممتلئًا جدًا :sweat_smile:

3 إعجابات

أتطلع حقًا إلى ذلك عندما يصبح طبقك أقل امتلاءً :grinning:

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

بصرف النظر عن أي ظروف قاسية، سأقوم بتخصيص وقت الأسبوع المقبل. لقد كنت صبورًا جدًا!


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

3 إعجابات

عظيم - شكراً جزيلاً…
حسنًا - هل أقوم بالتحديث وأجربه مرة أخرى الآن؟

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

ليس تمامًا. لم أقم بتثبيت التغييرات بعد. يجب الانتهاء من الاختبار النهائي غدًا!


حسنًا @BCHK و @ncaming215 هناك الكثير مما يجب القيام به مع هذه المكونات في النهاية، لكنني تمكنت من إضافة دعم الشعار الداكن/المحمول مع الالتزامات التالية:

يرجى تحديث المكون وإخباري إذا لاحظت أي مشاكل.

4 إعجابات

يعمل بشكل جيد على الهاتف المحمول ولكنه يبدو غير متوافق مع الشريط الجانبي الجديد على سطح المكتب مع السمة الافتراضية.

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

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

ما زالت هناك مشاكل في الشريط الجانبي، كما أشار DonH في الرسالة أعلاه.

سيكون من الرائع جدًا الحصول على هذه المكون. شعاري يصبح صغيرًا جدًا في الرأس الافتراضي.

مع خالص التقدير،

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

مرحباً، هل ما زال هذا يعمل؟
عندما أقوم بتفعيل المكون، يختفي شعاري في الرأس تمامًا على الرغم من أن لدي صورًا تم تحميلها لـ:

عنوان URL لشعار الهاتف المحمول
عنوان URL للشعار الداكن
عنوان URL لشعار الهاتف المحمول

في الوقت الحالي، يمكنك اعتباره معطلاً. لم يتم تحديث المكون منذ عامين، وقد حدثت العديد من التغييرات في النواة. للوهلة الأولى، سيتطلب ذلك، كحد أدنى، بعض التعديلات على CSS.

من المسؤول عن وضع علامة على مكونات السمات والإضافات وما إلى ذلك على أنها معطلة (المؤلف؟).

لقد قمت بوضع علامة broken عليه في الوقت الحالي. نرحب بطلبات السحب لإصلاحه! ليس لدي الوقت للنظر فيه في هذه المرحلة، للأسف.

إعجابَين (2)