Discourse-Tab-Leiste für Mobilgeräte

Hallo, ich habe einen PR erstellt, um die Unterstützung für Nicht-ASCII-Zeichen in der Tab-URL hinzuzufügen. Möchten Sie einen Blick darauf werfen und sehen, ob er in den Hauptzweig übernommen werden kann?

7 „Gefällt mir“

Sicher, PR zusammengeführt! Danke @th21!

6 „Gefällt mir“

Bin mir nicht sicher, ob es zusammenführbar ist, also habe ich es geforkt und zusätzliche Einstellungen hinzugefügt, um Tabs für Nicht-Login-Benutzer anzuzeigen

6 „Gefällt mir“

Können wir eine ZURÜCK-Schaltfläche in die Tab-Leiste einfügen, vielleicht mit einem einfachen JavaScript-Code oder so? Die Tab-Leiste in der Discourse Hub App für iOS hindert Sie daran, zur Hauptseite der Discourse-Auswahl zurückzukehren.

5 „Gefällt mir“

@Osama, gibt es Ideen, diese mit Zurück/Weiter hinzuzufügen? Danke.

3 „Gefällt mir“

@miss @MarcP Da die Komponente es Administratoren ermöglicht, jeden Tab anzupassen, kann ich nicht einfach einen bestimmten Tab fest codieren, um eine Rückwärts-/Vorwärtsnavigation durchzuführen. Daher benötigen wir eine Möglichkeit, Administratoren über die Theme-Einstellungen entscheiden zu lassen, welcher Tab als Rückwärts- oder Vorwärtsschaltfläche fungieren soll. Dies ist eine neue Funktion, die der Komponente hinzugefügt werden muss, und ich würde mich über einen PR dafür freuen. Wenn Sie daran interessiert sind, dies zu bearbeiten, senden Sie mir bitte eine PM, bevor Sie beginnen.

5 „Gefällt mir“

Hallo, ich habe einen weiteren PR erstellt, um eine Option hinzuzufügen, die es erlaubt, nicht getrimmte URLs abzugleichen, um die Einstellung für das Tab-Ziel zu ermöglichen.

Zum Beispiel werden /latest?order=created und /latest als unterschiedliche Tabs behandelt und erhalten beim Klicken eine Änderung der Icon-Farbe, wenn die Option aktiviert ist.

Möchtest du einen Blick darauf werfen und mir mitteilen, ob es zusammenführbar ist? Danke im Voraus. :grinning:

4 „Gefällt mir“

Das gefällt mir sehr gut!

Es behandelt jedoch die Discourse Hub-Benutzeroberfläche, kann das behoben werden?

2 „Gefällt mir“

Hallo, vielen Dank für diese Theme-Komponente. Ich verwende sie derzeit auf meiner Website https://businesslab.vn. Kürzlich hatte ich jedoch die Idee, “Toggle hamburger menu” und “Header dropdown toggle current user” in diese Theme-Komponente zu integrieren. Dies würde den Anzeigeraum in der Kopfzeile minimalistischer gestalten und Benutzern, die nur eine Hand bedienen, die Navigation zur Tab-Leiste (Ihre Theme-Komponente) ermöglichen. Ich hoffe, Sie sind an diesem Vorschlag interessiert.
image
image

1 „Gefällt mir“

Hallo, diese Komponente ist wunderbar, herzlichen Glückwunsch zur Erstellung! Ist dies die aktuellste Komponente, die es gibt? Oder gibt es eine modernere Komponente? Ich bin neu im Forum.

Gibt es eine Möglichkeit, auf der letzten Schaltfläche eine Option zu platzieren, sodass beim Drücken andere Schaltflächen mit Symbolen oder mit Symbolen und Namen erscheinen, damit sie andere Optionen auswählen können? Da ich wichtigere Optionen habe und diese platzieren musste, wäre eine solche Möglichkeit perfekt, zum Beispiel

Das heißt, wenn die Person auf das Symbol klickt, erscheinen andere Symbole, auf die sie klicken kann

@th21 @osama

1 „Gefällt mir“

Wie kann ich die Tab-Leiste fixieren? Manchmal scrolle ich nach unten und sie verschwindet, ich möchte, dass sie immer sichtbar ist!

Ich versuche, einen der Buttons zu user-portfolio zu leiten, aber ohne Erfolg.

Ist das machbar?

Bearbeiten: Habe es herausgefunden…

my/activity/portfolio
1 „Gefällt mir“

Die Registerkartenleiste ist über dem Chatfeld überfüllt. Benutzer können nicht mit der Registerkartenleiste chatten.
Könnten Sie das bitte beheben?

Ich kann das Problem bestätigen: Es verbirgt die Texteingabe.

1 „Gefällt mir“

Eine schnelle Lösung wäre, einen Rand unter dem Chat-Komponisten hinzuzufügen, nicht sehr schön, aber die Benutzer sollten die Eingabebox umschalten können.

Ich habe auch die Tab-Leiste neu dimensioniert, sodass jeder, der das CSS verwenden möchte, die ursprüngliche Höhe der Tab-Leiste verwenden sollte (aber ich habe vergessen, wie viel das ist).

.chat-composer__wrapper {
    margin-bottom: 35px
}
1 „Gefällt mir“

Das scheint zu funktionieren, aber es bleibt ein leerer Bereich, wenn man nach unten scrollt.

(Video aufgenommen mit einem margin-bottom von 49px, was der Höhe der Tab-Leiste entspricht):

Ja, wie ich sagte, es wird nicht schön sein

1 „Gefällt mir“

Sie sollten z-index überprüfen, anstatt margin
(Angenommen, der Benutzer verwendet beim Chatten niemals Tabs)
Durch Verringern des z-index der Tab-Leiste wird es schöner

Deshalb habe ich den z-index-Weg nicht benutzt, und es ist auch seltsam, dass Elemente überlagert sind, das sieht so fehlerhaft aus.