Discourse 전체 폭 컴포넌트

[chapoi]

	Summary	Make Discourse occupy the full browser width
	Preview	preview
	Repository	Full-width component
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

---

This is still an experimental component, which overrides widgets, will most likely break with header refactors, and will not play well with other header components.

We’ll do our best to maintain this component and to minimise breaking changes, but we can’t guarantee these will never occur. A fix will most likely come, but you may have to wait a bit longer.

---

Example:

This component is currently also be used in the Fully and the “Default (full width)” theme here on Meta.

On very wide screens this might be less suitable.

[Gonerdot]

It would be cool if this component interacted with the right sidebar component and carried it as far to the right as possible for symmetry.

[Diego_Santos]

I just updated to the latest version, and now I’m noticing an error on my screen

Discourse version: 3.3.0.beta1

[Arkshine]

If you upgrade Discourse, that should fix your problem.

Three days ago, the component got an update that relies on a recent addition in Discourse core.

[Diego_Santos]

You were right

[thaidb]

Me too,
I use Fully Theme and this Theme Componet, How can we expand Table Inserted Full Topic-page?
Thank you!

[Arkshine]

You can try overwriting the CSS variables.

Create a theme component and attach it to Fully.
In the Color Definitions, add and adjust the variables:

:root {
    --topic-body-width: 100% !important; // 690px
    --d-max-width: 100% !important;  // 1110px;
}

[thaidb]

Success.Thank you so much

[Monikas (JustMonika)]

FKB Pro - Social theme

FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. This theme is quite sensitive and maybe not well compatible with other theme components or plugins you use! Please test it before use. These usually need some css modification. If you have any issue please report and will fix it. Layout On desktop: Three column layout. [Screenshot 2023-01-02 at 19.53.05] Sidebar ready [Screenshot 2023-01-02 at 19.51.55] On mobile: [Scre…

Hopefully it will be compatible with this theme

[thaidb]

Some category names are long and do not display fully in the sidebar.

How can we increase the width of the sidebar to match the length of the category name?

Thank you so much!

[sidt]

Hi,

1. Is this component still experimental or fine to deploy in production environments ?

2. Is this component officially supported ?

Thanks!

[awesomerobot (Kris)]

it’s officially supported in that we’ll look at bugs that are reported, but it’s still experimental in the sense that it’s not something we expect to work well with all themes and theme components

[loginerror (Maciej Kuźmicz)]

여기의 발표를 참고하여, Full Width 컴포넌트와 헤더 검색 기능을 사용할 때 경험하는 몇 가지 불일치 사항을 지적하고자 합니다.

Safe Mode:

Safe Mode + Full Width 컴포넌트:

최소한 동일한 경험을 제공해야 한다고 생각하며, 그렇게 하지 못할 경우라면 (모바일 뷰와 같이) 페이지 폭이 매우 좁을 때 헤더 검색을 아이콘으로 접는 방식을 사용하는 것이 좋습니다.

[lindsey (Lindsey Fogle)]

최근에 작은 화면 폭에서 헤더 검색 바가 아이콘으로 접히도록 하는 수정 사항을 병합했습니다. Discourse를 업데이트하신 후 확인해 주시고, 문제가 개선되었는지 알려주시겠습니까?