Ändern des Breakpoints für vdo/vmo

Unser Designer hat einige Probleme mit dem responsiven Aspekt dieses (sehr schönen und nützlichen) Add-ons und fragt, ob sie den Breakpoint ändern kann, an dem aktuell von vdo- auf vmo-Elemente umgeschaltet wird.

Ist das möglich? Danke.

Klar. Einfach den Theme-Component forken und bearbeiten.

Danke, ich habe schon geschaut, aber ich finde es dort nicht… Ich vermute, es hängt von einer Discourse-Einstellung ab, die für die gesamte Site gilt und nicht nur für dieses Menü?

Wie auch immer – es funktioniert mit CSS-Media-Queries. Nicht ideal, aber wir können damit leben.

Die Umschaltung von vdo (nur Desktop-Ansicht) auf vmo (nur Mobile-Ansicht) basiert auf dem User-Agent Ihres Browsers und nicht auf der Breite der Viewport, die Sie verwenden/simulieren.

CSS-Media-Queries sind in Discourse nicht so wichtig wie auf anderen Websites, an die Sie vielleicht gewöhnt sind.

Discourse liefert je nach Gerät des Nutzers unterschiedlich optimiertes Markup aus.

Was ich damit sagen möchte: Sie müssen sich nicht allzu viele Gedanken über CSS-Media-Queries machen. Ihre Designerin muss entweder ?mobile_view=1 an die URL anhängen, die sie zum Testen verwendet, oder beim Testen/Debuggen auf dem Desktop einen Mobile-User-Agent verwenden.

Interessant :thinking: danke, dass du dir die Zeit genommen hast, das zu erklären.

Aber wenn ich am Desktop bin und die Größe meines Browserfensters ändere, sehe ich, wie Discourse reagiert und Dinge auf dem Bildschirm neu anordnet. Das kommt meiner Annahme nach nicht von meinem User-Agent-String. Gibt es einen anderen Mechanismus, der auf die Bildschirmgröße reagiert?

Zum Beispiel: Diese Zeitraffer-Symbolleiste auf der rechten Seite verschwindet bei kleinen Breiten und wird durch einen kleineren Indikator ersetzt, der nur die Beitragsnummer und die Gesamtzahl anzeigt, wie \u003ckbd\u003e19 / 24\u003c/kbd\u003e.

Du liegst nicht falsch.

Discourse verschiebt Elemente, wenn du das Fenster groß genug verkleinerst. Das tun wir, um verschiedene Desktop- und Laptop-Bildschirmgrößen zu berücksichtigen.

Das ist hier jedoch nicht der Punkt. Das Verkleinern der Ansicht führt nicht zu einer Änderung des User-Agents, da dieser ausschließlich auf dem User-Agent des verwendeten Geräts basiert.

Wenn du auf dem Desktop bist und die Fenster- oder Bildschirmbreite änderst, passt sich Discoweit so weit wie möglich daran an.

Wenn du jedoch testen möchtest, wie Discourse auf einem Mobilgerät aussieht, während du auf dem Desktop bist, musst du entweder

wie oben erwähnt,

oder du testest direkt auf einem Mobilgerät.