두 컴포넌트 간 충돌하는 선언: 전체 폭 레이아웃과 헤더 검색

awesomerobot · 6월 27, 2023, 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	4월 11, 2025
Jumpy logo transition on meta UX	2	156	8월 28, 2024
Advanced Header Search Theme component official , header-search	49	7326	8월 27, 2025
Using the new custom-homepage feature Development	36	2812	9월 4, 2025
Fully Theme Theme official , fully-theme	74	11085	2월 5, 2024

두 컴포넌트 간 충돌하는 선언: 전체 폭 레이아웃과 헤더 검색

Related topics