Discourse Full-width component

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

Install this theme component


:warning: 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.

9 Likes

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.

4 Likes

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

Discourse version: 3.3.0.beta1

3 Likes

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.

6 Likes

You were right

2 Likes

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

1 Like

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;
}

image

2 Likes

Success.Thank you so much :slight_smile:

1 Like