2つのコンポーネントに関する競合する宣言：フル幅レイアウトとヘッダー検索

awesomerobot · 2023 年 6 月 27 日午後 2:57

なるほど、両方を同じグリッドエリアに入れ、ロゴにマージンを適用するのですね。それは妥当な妥協案のようです！

そのため、home-logo はここで再オープンされています。

github.com/discourse/discourse-full-width-component

javascripts/discourse/api-initializers/full-width.js

0229f0d34


      
                {{home-logo attrs=attrs}}
              </div>
              {{#if attrs.topic}}
                {{header-topic-info attrs=attrs}}
              {{/if}}
              
              <div class="panel clearfix" role="navigation">{{yield}}</div>
            `,
          });
          
          api.reopenWidget("home-logo", {
            logo() {
              const { siteSettings } = this,
                mobileView = this.site.mobileView;
          
              const darkModeOptions = Session.currentProp("darkModeAvailable")
                ? { dark: true }
                : {};
          
              const mobileLogoUrl = this.mobileLogoUrl(),
                mobileLogoUrlDark = this.mobileLogoUrl(darkModeOptions);

サイドバーが表示されていない場合は、デフォルトのロゴロジックを使用して大/小を切り替えます。サイドバーが表示されている場合は、常に大きなロゴを返します。

トピック		返信	表示
Discourse Full-width component Theme component experimental	13	2544	2025 年 4 月 11 日
Jumpy logo transition on meta UX	2	156	2024 年 8 月 28 日
Advanced Header Search Theme component official , header-search	49	7326	2025 年 8 月 27 日
Using the new custom-homepage feature Development	36	2812	2025 年 9 月 4 日
Fully Theme Theme official , fully-theme	74	11086	2024 年 2 月 5 日

2つのコンポーネントに関する競合する宣言：フル幅レイアウトとヘッダー検索

関連トピック