Barre d'onglets Discourse pour mobile

Salut, j’ai fait une PR pour ajouter la prise en charge des caractères non-ASCII dans l’URL de l’onglet, aimeriez-vous y jeter un œil et voir si elle peut être fusionnée dans la branche principale ?

7 « J'aime »

Bien sûr, PR fusionné ! Merci @th21 !

6 « J'aime »

Je ne suis pas sûr que ce soit fusionnable, j’ai donc fait un fork et ajouté des paramètres supplémentaires pour afficher des onglets pour les utilisateurs non connectés

6 « J'aime »

Pouvons-nous ajouter un bouton RETOUR dans la barre d’onglets, peut-être un simple code javascript ou quelque chose comme ça ? La barre d’onglets de l’application Discourse Hub iOS vous empêche de revenir à la page de sélection principale de Discourse.

5 « J'aime »

@Osama des idées pour ajouter en arrière/avant avec eux ? Merci.

3 « J'aime »

@miss @MarcP Étant donné que le composant permet aux administrateurs de personnaliser chaque onglet, je ne peux pas coder en dur un onglet spécifique pour effectuer la navigation arrière/avant. Nous avons donc besoin d’un moyen de laisser les administrateurs décider quel onglet ils veulent utiliser comme bouton arrière ou avant à l’aide des paramètres du thème. Il s’agit d’une nouvelle fonctionnalité qui doit être ajoutée au composant et je serais heureux d’accepter une PR pour cela. Si vous souhaitez travailler sur cela, envoyez-moi un message privé avant de commencer.

5 « J'aime »

Salut, j’ai fait une autre PR pour ajouter une option permettant aux URL non coupées de correspondre au paramètre de destination de l’onglet.

Par exemple, /latest?order=created et /latest seront traités comme des onglets différents et recevront un changement de couleur d’icône au clic lorsque l’option est activée.

Souhaitez-vous y jeter un coup d’œil et me faire savoir si c’est fusionnable ? Merci d’avance. :grinning:

4 « J'aime »

J’aime beaucoup ça !

Cependant, cela couvre l’interface utilisateur de Discourse Hub, est-ce que cela peut être corrigé ?

2 « J'aime »

Bonjour, merci pour ce composant de thème. Je l’utilise actuellement sur mon site Web https://businesslab.vn. Cependant, j’ai récemment eu l’idée d’intégrer « Toggle hamburger menu » et « Header dropdown toggle current user » dans ce composant de thème, cela rendrait l’espace d’affichage dans l’en-tête plus minimaliste, et les utilisateurs ne pourraient naviguer vers la barre d’onglets (votre composant de thème) qu’avec une seule main. J’espère que cette proposition vous intéressera.
image
image

1 « J'aime »

Bonjour, ce composant est merveilleux, félicitations pour sa création ! Est-ce le composant le plus récent qui existe ? ou existe-t-il un composant plus moderne ? Je suis nouveau sur le forum.

Existe-t-il un moyen de placer une option sur le dernier bouton afin que, lorsque la personne clique dessus, d’autres boutons avec des icônes ou avec des icônes et des noms apparaissent pour qu’ils puissent choisir d’autres options ? Parce que j’ai des options plus importantes et j’avais besoin de les mettre, une façon comme celle-ci serait parfaite, par exemple

c’est-à-dire que lorsque la personne clique sur l’icône, d’autres icônes apparaissent pour qu’elle puisse cliquer dessus

@th21 @osama

1 « J'aime »

Comment rendre la barre d’onglets fixe ? Parfois, je fais défiler vers le bas et elle disparaît, je veux la rendre toujours visible !

J’essaie de faire en sorte qu’un des boutons mène à user-portfolio sans succès.

Est-ce faisable ?

Edit : J’ai trouvé…

my/activity/portfolio
1 « J'aime »

La barre d’onglets déborde sur la boîte de discussion. Les utilisateurs ne peuvent pas discuter avec la barre d’onglets.
Pourriez-vous corriger cela, s’il vous plaît ?

Je peux confirmer le problème : il masque le champ de saisie de texte.

1 « J'aime »

Une solution rapide consisterait à ajouter une marge sous le compositeur de chat, ce n’est pas très esthétique mais les utilisateurs devraient pouvoir basculer la boîte de saisie.

J’ai également redimensionné la barre d’onglets, donc si quelqu’un souhaite utiliser le CSS, il devrait utiliser la hauteur d’origine de la barre d’onglets (mais j’ai oublié combien c’est).

.chat-composer__wrapper {
    margin-bottom: 35px
}
1 « J'aime »

Cela semble fonctionner, mais cela laissera un espace vide lorsque vous faites défiler vers le bas.

(vidéo enregistrée avec une marge inférieure de 49px, qui est la hauteur de la barre d’onglets) :

oui comme je l’ai dit, ce ne sera pas beau

1 « J'aime »

Vous devriez vérifier avec z-index, au lieu de margin
(En supposant que l’utilisateur n’utilise jamais l’onglet lors de la discussion)
En diminuant le z-index de la barre d’onglets, ce sera plus beau

C’est pourquoi je n’ai pas utilisé la méthode z-index et il est également étrange d’avoir des éléments qui se superposent, cela semble tellement buggé.