Discourse Vollbild-Komponente

Themenkomponente
1
:information_source: Zusammenfassung Veranlassen Sie, dass Discourse die volle Breite des Browsers einnimmt
:eyeglasses: Vorschau Vorschau
:hammer_and_wrench: Repository Vollbreitenkomponente
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

:warning: Dies ist immer noch eine experimentelle Komponente, die Widgets überschreibt, bei Header-Refaktorisierungen wahrscheinlich fehlschlägt und nicht gut mit anderen Header-Komponenten zusammenarbeitet.

Wir werden unser Bestes tun, um diese Komponente zu pflegen und Breaking Changes zu minimieren, können aber nicht garantieren, dass diese niemals auftreten. Eine Korrektur wird höchstwahrscheinlich kommen, aber Sie müssen möglicherweise etwas länger warten.

Beispiel:

image
image1920×1083 78.2 KB

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

Auf sehr breiten Bildschirmen ist dies möglicherweise weniger geeignet.

12 „Gefällt mir“
4

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.

image
image1857×920 138 KB

5 „Gefällt mir“
5

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

image
image1535×126 22.6 KB

Discourse-Version: 3.3.0.beta1

3 „Gefällt mir“
6

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“
7

Du hattest Recht

2 „Gefällt mir“
8

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

image
image3186×1550 439 KB

1 „Gefällt mir“
9

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

image
image658×240 8.27 KB

3 „Gefällt mir“
10

Erfolg. Vielen Dank :slight_smile:

1 „Gefällt mir“
11

image
image1691×970 87 KB

image
image1920×977 121 KB

Hoffentlich wird es mit diesem Theme kompatibel sein

12

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

13

image
image618×620 23.2 KB
image
image550×550 29.4 KB

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!

14

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“
16

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“
17

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.

18

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.

2 „Gefällt mir“