F NAV - Onglets de Navigation Mobiles

Composant de thème
22

Merci, Don. C’est la réponse que je cherchais. :+1:

Cependant, j’ai besoin de vérifier en détail comment activer ce paramètre.

2 « J'aime »
23

Vous pouvez trouver la réduction du mouvement dans les paramètres d’accessibilité de votre téléphone. C’est probablement activé maintenant, donc si vous le désactivez, le clic sur le menu extérieur fonctionnera. Mais c’est probablement activé pour une bonne raison et il est plus facile de fermer le menu par un balayage. :slightly_smiling_face:

3 « J'aime »
24

J’adore ça, Don

Mais il semble y avoir un problème avec le thème fkb pro si vous voulez masquer le menu hamburger, comme ici et ici :

L'image semble faire partie d'une interface utilisateur avec un menu affichant des boutons et une photo de profil, présentant un thème sombre avec des icônes et un texte de filigrane. (Sous-titré par l'IA)
L'image semble faire partie d'une interface utilisateur avec un menu affichant des boutons et une photo de profil, présentant un thème sombre avec des icônes et un texte de filigrane. (Sous-titré par l'IA)651×322 32.3 KB

Il y a encore l’espace de l’icône hamburger

2 « J'aime »
25

Bonjour :wave:
Merci pour le rapport, j’ai fusionné un correctif pour cela dans le FKB Pro - Social theme :slightly_smiling_face:

3 « J'aime »
26

Rapport de bug : Sur la version 3.4.0beta, l’icône de chat n’est pas masquée une fois que vous passez au chat :

CleanShot 2025-02-18 at 14.56.01@2x
CleanShot 2025-02-18 at 14.56.01@2x836×1390 32.5 KB

27

Bonjour :waving_hand:

C’est voulu. Nous masquons la barre de navigation f sur les pages /chat et utilisons l’en-tête de chat par défaut.

Comme ici sur Meta :

L'interface d'une application de messagerie avec un canal de discussion nommé « lounge » et une image de profil avec une icône de casquette en haut à droite. (Légendé par l'IA)
L'interface d'une application de messagerie avec un canal de discussion nommé « lounge » et une image de profil avec une icône de casquette en haut à droite. (Légendé par l'IA)750×838 51.3 KB

28

Ok, compris. La seule façon serait donc de le masquer manuellement via CSS ?

29

Vous pouvez le masquer complètement avec CSS.

Mobile/CSS

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon {
      display: none;
    }
  }
}

Remarque : Lorsque vous êtes dans un canal, c’est le seul endroit où vous pouvez voir les notifications de chat.

1 « J'aime »
30

Serait-il possible de supprimer l’icône de chat, tout en conservant l’indicateur de nouvelle bulle de message ?

Modification : J’ai réussi moi-même en ajoutant un svg

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon a svg {
      display: none;
    }
  }
}
31

Bonjour @don, puis-je ajouter du texte tel que la page d’accueil, le menu, etc. sous les icônes ?

32

J’ai un problème avec les messages - ils ne se chargent pas.

L'image montre une publication sur les réseaux sociaux d'une utilisatrice nommée Justine avec une photo de mains se tenant, accompagnée de texte en allemand, et d'un cercle mettant en évidence une icône d'enveloppe. (Beschriftet durch KI)
L'image montre une publication sur les réseaux sociaux d'une utilisatrice nommée Justine avec une photo de mains se tenant, accompagnée de texte en allemand, et d'un cercle mettant en évidence une icône d'enveloppe. (Beschriftet durch KI)1179×1180 133 KB

Cette image montre un panneau de notification d'une application mobile avec des informations sur un prochain rendez-vous ADHS SHG prévu pour le lundi 08.05.25, avec un rappel d'heure défini pour 19h30. (Beschriftet durch KI)
Cette image montre un panneau de notification d'une application mobile avec des informations sur un prochain rendez-vous ADHS SHG prévu pour le lundi 08.05.25, avec un rappel d'heure défini pour 19h30. (Beschriftet durch KI)1179×2556 66.5 KB

1 « J'aime »
33

Pouvez-vous partager quelques détails de configuration ? Je suis sur Tests réussis et les messages fonctionnent correctement

L'image montre un écran de notification affichant plusieurs messages « Nouveaux conseils sur votre tableau de bord de site » du jeu « Xenoblade Chronicles Definitive Edition ». (Légendé par l'IA)
L'image montre un écran de notification affichant plusieurs messages « Nouveaux conseils sur votre tableau de bord de site » du jeu « Xenoblade Chronicles Definitive Edition ». (Légendé par l'IA)864×1920 171 KB

34

Sur l’iPhone dans Safari, cela ne fonctionne pas, dans le navigateur Chrome, cela fonctionne.

1 « J'aime »
35

Merci pour les détails supplémentaires. Je suis sur Android.

1 « J'aime »
36

The image shows a screenshot of a social media profile with a status line and categories list, timestamped at 21:30 and indicating the last post was made 11 hours ago. (Titre généré par l'IA)
The image shows a screenshot of a social media profile with a status line and categories list, timestamped at 21:30 and indicating the last post was made 11 hours ago. (Titre généré par l'IA)1080×524 53.9 KB

This image is a screenshot of a Discord server's community chat interface, showing various community posts under different categories such as "Support," "Site Management," and "Developers" with their respective comments and likes. (Titre généré par l'IA)
This image is a screenshot of a Discord server's community chat interface, showing various community posts under different categories such as "Support," "Site Management," and "Developers" with their respective comments and likes. (Titre généré par l'IA)1080×2400 126 KB

Lorsque vous utilisez le thème Horizon, un composant sur la liste des sujets rend la zone supérieure (zone du logo/éléments) vierge lors du défilement.

37

Malheureusement, je ne peux pas le reproduire.

Il semble qu’il ne soit pas très compatible avec les changements d’en-tête. Je vais vérifier ce qui se passe dans Horizon.

3 « J'aime »
38

Oh ok, je pense que je vois ce qui se passe ici. Les list-controls sont fixes dans Horizon lorsque vous faites défiler vers le bas et que la barre de navigation F masque l’en-tête par défaut en même temps. Cela provoque cet espace que vous avez partagé sur votre capture d’écran.

Ce petit extrait CSS devrait fonctionner avec le thème Horizon.

Il le fixera en haut de la page lorsque vous faites défiler vers le bas au lieu de la hauteur de l’en-tête.

Mobile / CSS

body.f-nav-hidden {
  .list-controls {
    top: 0;
  }
}

Pour l’avenir, ce serait peut-être une bonne idée d’ajouter un paramètre pour gérer l’apparence de l’en-tête.

4 « J'aime »
39

Ne fonctionne pas sur la dernière version de Discourse.

40

Pouvez-vous clarifier?

41

D’accord, j’ai compris. Merci pour le rapport. Le mixin scrollTop a été supprimé du cœur, et c’est ce qui a causé le problème. Mais nous ne l’utilisons pas réellement, il a donc probablement été laissé là par accident. Je l’ai corrigé ici : FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub

Veuillez mettre à jour le composant.

3 « J'aime »