Priorität/Schweregrad: Mittel
Plattform: Mobil, jedes Betriebssystem/jeder Browser
Beschreibung: Wenn ein Thema nur kurzen Text enthält, der in einen Teil der Bildschirmbreite passt, nimmt der Inhaltsbereich des Themas nicht die volle Breite ein und lässt rechts Platz frei.
Pull Request: Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub
Reproduktionsschritte:
- Erstellen Sie ein neues Thema mit einem kurzen Titel und Inhalt. Zum Beispiel:
Test kurzes Thema
Sehr kurzer Haupttext. - Öffnen Sie das Thema auf mobilen Bildschirmen, die breiter als der Haupttext sind. In diesem Beispiel wird dies mit den Dimensionen eines Pixel 7 in den Chrome DevTools emuliert.
- Der Inhalt des Themas nimmt nicht die volle Breite ein, wie es bei anderen längeren Themen, die Zeilenumbrüche aufweisen, der Fall ist. Es gibt unerwarteten zusätzlichen Platz auf der rechten Seite des Bildschirms. Auch die Schaltflächen sind nicht korrekt mit anderen Elementen auf der Seite ausgerichtet.
- Wenn eine längere Antwort gepostet wird, wird das Layout normal.
Falsches Layout bei sehr kurzem Themainhalt:
Beachten Sie, dass Zeitstempel, Schaltflächen und Fortschritt nicht mit der blauen Schaltfläche zum Antworten auf das Thema darunter rechtsbündig ausgerichtet sind.
Nachdem eine längere Antwort gepostet wurde, wird das Layout normal:
(Wird in der nächsten Antwort hochgeladen, da ein Fehler aufgetreten ist: Ein Fehler ist aufgetreten: Entschuldigung, neue Benutzer können nur ein eingebettetes Medium in einen Beitrag einfügen.)

