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

この件についてご連絡いただきありがとうございます。Category Previewsコンポーネントの作業が完了しました。次にVersatile Bannerコンポーネントに着手し、その後この件に対応できる見込みです。

残念ながら、先ほど申し上げたその「多くの作業」はまだ山積み状態です :sweat_smile:

「いいね!」 3

もっと余裕ができたら、楽しみにしています :grinning:

「いいね!」 1

特別な事情がない限り、来週時間を確保します。大変お待ちいただきありがとうございます!


更新! モバイルおよびダーク固有のロゴがローカルで動作するようになりました。すべてを徹底的にテストしたいと考えています。さまざまなフォールバックを含む多くの異なるシナリオがあるため、正しく実装されていることを確認したいです。もうすぐ準備が整うはずです!(今週はあっという間に過ぎてしまいましたが、来週には完成させられることを願っています)

「いいね!」 3

素晴らしい - 本当にありがとうございます…

わかりました - 今すぐ更新してもう一度試しましょうか?

「いいね!」 1

まだです。まだ変更をコミットしていません。最終テストは明日完了するはずです!


@BCHK@ncaming215 、このコンポーネントには最終的にさらに多くの作業が必要ですが、以下のコミットでダーク/モバイルロゴのサポートを追加できました。

コンポーネントをアップデートして、問題に気づいたらお知らせください。

「いいね!」 4

モバイルでは問題なく動作しますが、デフォルトテーマのデスクトップ版の新しいサイドバーとの互換性がないようです。

追加情報が必要な場合はお知らせください。サイドバー以外に特別なことは何もありません。

「いいね!」 1

サイドバーにまだ問題があります。これは、上記のメッセージでDonHさんが指摘したとおりです。

このコンポーネントがあると非常に助かります。デフォルトのヘッダーでは、私のロゴが非常に小さくなってしまいます。

よろしくお願いいたします。

「いいね!」 1

こんにちは、これはまだ機能しますか?
コンポーネントをアクティブにすると、ヘッダーのロゴが完全に消えてしまいます。次の項目に画像がアップロードされているにもかかわらず、

モバイルロゴURL
ロゴURL(ダークモード用)
モバイルロゴURL

現時点では、壊れていると考えてください。コンポーネントは2年間更新されておらず、コアでは多くの変更がありました。一見したところ、最低でもCSSの調整が必要になるでしょう。

テーマコンポーネント、プラグインなどに「壊れている」というタグを付ける責任は誰にあるのでしょうか(作者?)

とりあえず broken としてタグ付けしておきました。修正PR歓迎です!残念ながら、現時点では確認する時間がありません。

「いいね!」 2