Problem mit `topic-progress-wrapper` in RTL

Beitragen Fehler
1

Hallo lieber Discourse,

In RTL-Ansichten führt die Klasse topic-progress-wrapper am Ende der Themen-Seite zu einer unübersichtlichen Darstellung. Bitte prüfen Sie diesen Punkt.

Das Problem ist behoben, wenn wir die folgenden Werte auskommentieren:

@media screen and (min-width: 925px)
.container.posts .topic-navigation {
    grid-area: timeline;
    align-self: start;
    /* position: -webkit-sticky;
       position: sticky; */
    top: 6em;
    margin-right: 1em;
    z-index: 100;
}
2

Hallo @Nildarar,

könntest du bitte einen Screenshot des Problems posten?

3

Im Screenshot nicht dargestellt. Lassen Sie mich das weiter erläutern. Um das Problem zu sehen, führen Sie bitte folgende Schritte aus:

  1. Stellen Sie Ihre Vorlage auf RTL um.
  2. Wechseln Sie in die Mobilansicht.
  3. Erhöhen Sie die Bildschirmbreite auf mehr als 925 px.
  4. Scrollen Sie zum Ende des Themas.
  5. Das Modul Fortschritt des Themas verschwindet vom Bildschirm, und die Seite scrollt horizontal.

Wir hätten dieses Problem selbst durch eine CSS-Änderung beheben können, aber ich dachte, es könnte sich um einen Fehler handeln, der über das hinausgeht, und er würde bei Ihrer Überprüfung entdeckt werden.

1 „Gefällt mir“
4

Okay, das ist also ein Symptom eines größeren Problems. Das eigentliche Problem besteht darin, dass Discourse bei einer Bildschirmbreite von ≥ 925 px in der Desktop-Ansicht und nicht in der mobilen Ansicht dargestellt werden sollte. Können Sie mir sagen, auf welchem Gerät oder welchen Geräten Sie dieses Problem sehen?

Es ist erwähnenswert, dass das Entfernen von position: sticky dieses spezielle Problem zwar zu lösen scheint, aber die Themen-Timeline beschädigt (sie wird beim Scrollen durch ein Thema nicht nach unten bewegt).

Etwas unabhängig davon habe ich bemerkt, dass die Fortschrittsleiste für Themen im RTL-Layout auf der linken Seite und nicht auf der rechten Seite angezeigt werden sollte. Ich habe dafür hier einen PR eingereicht: FIX: Topic progress bar should be on the left in RTL layouts by OsamaSayegh · Pull Request #11999 · discourse/discourse · GitHub.

7 „Gefällt mir“
5

Benutzer haben uns dies gemeldet, und ich habe es in den Entwicklertools gesehen. Ich werde meine Kollegen fragen und dir Bescheid geben.

Vielen Dank für diese Korrektur :+1:

2 „Gefällt mir“
6

Zusammengeführt, vielen Dank für die Meldung. Ich hoffe, das behebt das Problem.

3 „Gefällt mir“