Contrôles de navigation flottants et barre de navigation de bureau pour mobile

|||
|-|-|-|
| :information_source: | Résumé | Contrôles de navigation flottants et barre de navigation de bureau pour mobile
| : eyeglasses:|Aperçu| Contrôles de navigation flottants et barre de navigation de bureau pour mobile |
| : hammer_and_wrench:|Référentiel| GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar |
| : question:|Guide d’installation|Comment installer un thème ou un composant de thème|
| : open_book:|Nouveau aux thèmes Discourse ?| Guide pour débutants sur l’utilisation des thèmes Discourse

Bonjour :wave: Ceci est un composant de thème simple pour rendre les contrôles de navigation (créer un sujet, notifications et autres boutons) flottants sur mobile. Vous pouvez également changer la barre de navigation pour la version de bureau. Ce composant ne contenait pas cela à l’origine, mais je pense que ce serait une bonne option en raison de l’espace vide.

Inspiré par le thème Focused Sidebar :heart:

Activez la barre de navigation de bureau.

19 « J'aime »

Il serait agréable que les commandes de navigation flottantes puissent être modifiées comme ceci.

3 « J'aime »

Bonjour @Decorbuz,

Oui, je pense que c’est une excellente idée d’ajouter un style personnalisé aux boutons de contrôle de navigation. :slightly_smiling_face:

Je l’ai fusionné :tada:

J’ai ajouté un paramètre custom nav control buttons enabled où vous pouvez modifier le style de ces boutons.

Screenshot 2022-08-21 at 13.03.26

Si vous l’activez, les autres options ci-dessous s’activeront.

Vous pouvez modifier la couleur d’arrière-plan des boutons, la couleur de l’icône et l’arrondi (border-radius).

Il existe deux sections disponibles :
Le réglage par défaut est des boutons circulaires, mais vous pouvez modifier l’arrondi…

  1. Boutons de contrôle de navigation, sauf le bouton de création de sujet.

  2. Bouton de création de sujet



Edit : J’ai également ajouté le bouton d’ouverture de brouillon. Comme le libellé est masqué dans la version personnalisée, il semble judicieux de modifier la couleur du bouton si un brouillon est disponible.

8 « J'aime »

J’ai apporté plus de modifications pour le rendre plus personnalisable. :slightly_smiling_face:

  1. Alignement vertical des boutons de contrôle de navigation. Vous pouvez maintenant aligner les boutons verticalement en activant le paramètre suivant.
    Screenshot 2022-08-22 at 1.33.32


  2. Vous pouvez maintenant définir les boutons aux positions droite et inférieure également avec les paramètres suivants.

  3. J’ai également ajouté quelques paramètres à la personnalisation de la barre de navigation. Vous pouvez maintenant personnaliser à peu près tout sur la barre de navigation de la version de bureau avec les paramètres suivants.


6 « J'aime »

@Don Très beau composant de thème.

Un problème : les boutons flottants en bas entrent en conflit avec la barre de sujet mise à jour (lorsqu’elle est fixée en bas) dans ce composant :
Sticky New Topic Banner - theme-component - Discourse Meta

1 « J'aime »

Y a-t-il un moyen de désactiver cela ?

De plus, ce serait bien si vous pouviez avoir la possibilité de n’activer que le bouton « Nouveau sujet ». Peut-être une option pour changer la fonctionnalité du bouton « Nouveau sujet » pour qu’il agisse comme ceci à la place ? :thinking:

2 « J'aime »

Oui, ce n’est qu’un changement de couleur. Donc, si vous changez les couleurs du bouton brouillon pour qu’elles soient identiques à celles du bouton créer un sujet, alors il sera désactivé.

D’accord, c’est une bonne chose à savoir ! Merci ! :+1:

salut merci pour ce composant.

FKB Pro - Social theme - theme - Discourse Meta

Comment puis-je utiliser ce composant avec votre thème ci-dessus. Le bouton Profil et nouveau sujet bougent ensemble

3 « J'aime »

@Don comment puis-je ajouter des boutons de contrôle de navigation ? Actuellement, je n’ai que le bouton Nouveau sujet et le bouton de sélection en masse de l’administrateur. J’aimerais ajouter un bouton qui affiche une liste d’options sélectionnables comme celle que vous utilisez sur votre instance, mais avec seulement deux options, par exemple

2 « J'aime »

Bonjour, oui, cela a été créé à partir de Convert the New Topic button to a have a sub menu - #7 by awesomerobot. Si je comprends bien ce que vous voulez dire :slightly_smiling_face:

3 « J'aime »

Bonjour, Oh oui désolé pour la réponse tardive. Ce n’est pas très compatible avec ce thème. Parce que le thème ajoute des sections personnalisées aux contrôles de navigation. Je dois trouver un autre moyen de faire cela. :slightly_smiling_face:

3 « J'aime »

Est-il possible de créer un bouton retour à côté du bouton « Créer un sujet » ? De nombreuses personnes trouvent plus confortable un bouton en bas pour revenir en arrière.

Ce composant semble être défectueux.

Erreur navigation-bar a été créé avec gjs et son modèle ne peut pas être remplacé. Ignorer le remplacement.

Voir (not recommended) Overriding Discourse templates from a Theme or Plugin

2 « J'aime »

Salut @Don, y a-t-il une chance que ce composant de thème soit mis à jour ? Il n’y a pas de composant de thème qui fasse exactement cela, et j’aimerais vraiment utiliser la barre de navigation de bureau sur les appareils mobiles. Merci beaucoup.

@Don Salut, y a-t-il une chance d’une mise à jour à ce sujet ?

Malheureusement non, je ne pense pas. :confused: