こんにちは皆さん、
最近、Discourseフォーラム（tw.forumosa.com）をアップグレードしました。最新のアップデートで、ホームページに新しい「おかえりなさい」ヘッダーと統合検索バーが追加されました。コンセプトとしては良いのですが、特にモバイルで使い勝手に問題があることに気づきました。
1. 透明度のせいで検索ドロップダウンが読みにくい
（例えばAndroidで）トップナビゲーションバーの検索アイコンをタップすると、ドロップダウンが表示されますが、背景が透明なため、背後のコンテンツの上に検索結果が重なってしまい、ほとんど読むことができません。これを解決するには、背景を不透明にするのが良いでしょう。意味するところは以下のスクリーンショットで確認できます。
2. ヘッダーが高い - 縦の間隔を調整するには？
新しいウェルカムメッセージと検索バーは、モバイルでは画面のかなりの領域を占有します。ナビゲーションバーにはすでに検索アイコンがあるので、追加された検索バーは冗長に感じられます。このヘッダーの高さを狭くするか、小さい画面では余分な検索バー/ウェルカムメッセージを完全に非表示にしたいと考えています。
これはデスクトップにも影響するかもしれませんが、現時点では特にモバイルで問題となっています。
誰かこれに遭遇して、CSSやテーマコンポーネントを介してオーバーライドするクリーンな方法を見つけましたか？
よろしくお願いします！
