Discourse-Vollbreiten-Komponente

:information_source: Zusammenfassung Discourse soll die volle Browserbreite einnehmen
:eyeglasses: Vorschau preview
:hammer_and_wrench: Repository Full-width component
:question: Installationsanleitung Wie man ein Theme oder eine Theme-Komponente installiert
:open_book: Neu bei Discourse Themes? Einsteigerleitfaden zur Verwendung von Discourse Themes

Diese Theme-Komponente installieren


:warning: Dies ist nach wie vor eine experimentelle Komponente, die Widgets überschreibt, bei Header-Umstrukturierungen höchstwahrscheinlich fehlerhaft sein wird und sich nicht gut mit anderen Header-Komponenten verträgt.

Wir werden unser Bestes tun, diese Komponente zu warten und Breaking Changes zu minimieren, aber wir können nicht garantieren, dass es nie zu solchen kommt. Eine Lösung wird höchstwahrscheinlich folgen, aber du musst vielleicht etwas länger warten.


Beispiel:

Diese Komponente wird derzeit auch im Fully-Theme und im „Default (full width)“-Theme hier auf Meta verwendet.

Auf sehr breiten Bildschirmen eignet sich dies möglicherweise weniger.

14 „Gefällt mir“

Es wäre cool, wenn diese Komponente mit der rechten Seitenleistenkomponente interagieren und sie für Symmetrie so weit wie möglich nach rechts tragen würde.

5 „Gefällt mir“

Ich habe gerade auf die neueste Version aktualisiert und bemerke jetzt einen Fehler auf meinem Bildschirm

Discourse-Version: 3.3.0.beta1

3 „Gefällt mir“

Wenn Sie Discourse aktualisieren, sollte das Ihr Problem beheben.

Vor drei Tagen erhielt die Komponente ein Update, das auf einer kürzlichen Ergänzung im Discourse-Kern basiert.

6 „Gefällt mir“

Du hattest Recht

2 „Gefällt mir“

Ich auch,
Ich benutze Fully Theme und diese Theme-Komponente. Wie können wir die eingefügte Tabelle auf der gesamten Themenseite erweitern?
Danke!

1 „Gefällt mir“

Sie können versuchen, die CSS-Variablen zu überschreiben.

Erstellen Sie eine Theme-Komponente und hängen Sie sie an Fully an.
Fügen Sie im Abschnitt Color Definitions die Variablen hinzu und passen Sie sie an:

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

3 „Gefällt mir“

Erfolg. Vielen Dank :slight_smile:

1 „Gefällt mir“


Hoffentlich wird es mit diesem Theme kompatibel sein

Ein Beitrag wurde in ein neues Thema aufgeteilt: Topic titles and excerpts appear in different font sizes

Einige Kategorienamen sind lang und werden in der Seitenleiste nicht vollständig angezeigt.

Wie können wir die Breite der Seitenleiste erhöhen, damit sie der Länge des Kategorienamens entspricht?

Vielen Dank!

Hallo,

  1. Ist diese Komponente noch experimentell oder kann sie in Produktionsumgebungen eingesetzt werden?

  2. Wird diese Komponente offiziell unterstützt?

Danke!

1 „Gefällt mir“

Es wird offiziell unterstützt, in dem Sinne, dass wir gemeldete Fehler untersuchen, aber es ist immer noch experimentell, in dem Sinne, dass wir nicht erwarten, dass es mit allen Themes und Theme-Komponenten gut funktioniert.

4 „Gefällt mir“

Angesichts der Ankündigung hier möchte ich auf einige Diskrepanzen in der Benutzererfahrung bei der Verwendung der Full Width-Komponente und der Header-Suchfunktion hinweisen.

Sicherer Modus:

Sicherer Modus + Full Width-Komponente:

Ich gehe davon aus, dass zumindest die gleiche Erfahrung gegeben sein sollte, wenn nicht einfach die Header-Suche für sehr geringe Seitenbreiten (wie in der mobilen Ansicht) zu einem Symbol zusammengeklappt wird.

Wir haben kürzlich eine Korrektur zusammengeführt, um sicherzustellen, dass sich die Suchleiste in der Kopfzeile bei schmalen Bildschirmbreiten auf das Symbol einklappt. Sobald Sie Discourse aktualisiert haben, schauen Sie bitte nach und lassen Sie uns wissen, ob das besser aussieht.

3 „Gefällt mir“

Funktioniert das noch? Ich habe es installiert und aktiviert und in mein Theme eingefügt, aber es scheint nicht breiter zu sein als vorher…

@chapoi, dieser Satz ergibt für mich keinen Sinn.