It seems both components re-arrange the .contents div in the header. The structure with the full-width layout: [image] Structure with header-search: [image] So I can’t use them together. But not sure where to best fix this?

I ran into this exact problem with these two components last week… it’s a little tricky because I intended the full-width component to be a temporary experiment, but we have nothing on the roadmap to integrate it by default so it’s sticking around longer than I expected. The full-width component is…

What I tried as a temp. fix is not changing the header-contents widget on the full-width component. So the sidebar-toggle and the title are not grouped under __toggle-and-logo. And then just arrange both in the toggle grid-area. I didn’t see layout issues with this so far. But I’m probably missing s…

If I recall correctly, the extra wrapper makes it easier to get the title aligned with the topic content because I can set the combined .header-contents__toggle-and-logo width to var(--d-sidebar-width), and it’s the same width as the sidebar regardless of the content. [Screenshot 2023-06-26 at 4.5…

btw, here’s what I tried as a fix on the full-width component: https://github.com/discourse/discourse-full-width-component/compare/main...nolosb:discourse-full-width-component:header-contents That is: use the default template layout without additional wrapping div around toggle and title logo mat…

Oh I see, you put them both in the same grid area and apply a margin to the logo… that seems like a reasonable compromise! [이미지] Manuel Kostka: I don’t really understand which template arguments to use here to always show the full logo. that’s why the home-logo is reopened here: jav…

[이미지] Kris: Adding a plugin outlet to a widget so we could add a widget to a plugin outlet seems a little convoluted though… @david / @cvx do you know if this would be bad for performance or cause any other issues ? It might be a little slower, but I’m not too concerned in this case because the…

ok, so I’ve updated both components to avoid template overrides — https://github.com/discourse/discourse-header-search/commit/045aaa5500258eb71b732d50c1b462506fa622c0 https://github.com/discourse/discourse-full-width-component/commit/ec127eb23eea3c3c8469011df7094f3065a4233a So now they should wor…

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

개발

awesomerobot (Kris) 7월 11, 2023, 4:16오후 8

좋아요, 템플릿 오버라이드를 피하기 위해 두 컴포넌트를 모두 업데이트했습니다 —

이제 함께 잘 작동할 것입니다 조언해 주셔서 감사합니다 @manuel!

글		댓글	조회수
Discourse Full-width component Theme component experimental	13	2547	4월 11, 2025
Jumpy logo transition on meta UX	2	159	8월 28, 2024
Advanced Header Search Theme component official , header-search	49	7331	8월 27, 2025
Using the new custom-homepage feature Development	36	2814	9월 4, 2025
Fully Theme Theme official , fully-theme	74	11100	2월 5, 2024

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

Related topics