Thème Air

Je poste juste ça ici aussi. Je pensais que le plugin Chat avait un problème de conflit avec la bannière de recherche Discourse. Mais après avoir essayé un aperçu de la bannière seule. Il semble s’agir d’un problème lié à l’arrière-plan du thème Air.

Voir dans le lien ci-dessous.

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

Je me demandais si vous aviez eu l’occasion d’évaluer le problème du plugin de chat ? tel que décrit ci-dessus ? Mes excuses, j’imagine que vous êtes très occupé. Je pensais que c’était un conflit avec Search Banner, mais il semble que ce soit l’arrière-plan du thème Air. Le plugin de chat semble créer une colonne centrale blanche qui se superpose à l’arrière-plan bleu.

Salut,

J’ai trouvé un problème lorsque le plugin de chat Discourse est activé, la bannière de recherche Discourse devient vide.

Test en cours et réussi

J’utilise le thème Air. Lorsque le plugin de chat est désactivé, il n’y a aucun problème. Après activation du chat, comme ci-dessus.

EDIT : Je me suis trompé. J’ai reconfirmé qu’il s’agit en fait d’un conflit/problème avec l’arrière-plan du thème Air, le bleu est coupé/manquant. Voir les posts ci-dessous où le chat est désactivé, l’arrière-plan bleu s’affiche correctement avec la bannière de recherche Discourse superposée correctement en blanc sur bleu.

Bonjour Heliosurge, je ne suis pas tout à fait sûr de comprendre le problème (je vois bien une zone vide sur votre capture d’écran cependant)

Pouvez-vous partager les étapes exactes que nous devons suivre pour rencontrer le problème afin que nous puissions le reproduire nous-mêmes ? :slight_smile:

1 « J'aime »

C’était très simple. Le thème Air avait la bannière de recherche Discourse installée dans le cadre du thème complet.

Comme indiqué, le test a réussi.

Une fois le plugin Chat activé, la bannière de bienvenue si la bannière de recherche Discourse n’affiche plus le message de bienvenue.

Désactivez le plugin Chat. La bannière de bienvenue s’affiche.

Plugin Chat désactivé

Vous pouvez voir sur cette capture d’écran que l’icône du plugin Chat a disparu de l’en-tête. Vous pouvez également voir les autres effets que le plugin Chat semble avoir sur l’arrière-plan, créant un rectangle blanc vide ignorant l’arrière-plan bleu.

Maintenant, en y regardant de plus près, pourrait-il interférer avec le papier peint bleu du thème Air ? car le texte est blanc dans la bannière. Je pourrais donc être sur la mauvaise piste avec la bannière de recherche Discourse. Il pourrait s’agir d’un conflit avec une partie du thème Air… ??

Confirmé. Mes excuses, il semble y avoir un conflit avec l’arrière-plan du thème Air. Je viens d’essayer un aperçu du plugin Discourse Search Banner avec Chat seul.

Voir ci-dessous

Désolé pour le mauvais diagnostic.. :facepalm:

En regardant de plus près le thème Air, la partie bleue de l’arrière-plan est bloquée dans cette colonne centrale lors du défilement, le bleu n’est que sur les bords extérieurs. Lorsque le chat est désactivé, la partie bleue de l’arrière-plan se connecte de gauche à droite à travers le centre.

vs

Je fais juste remonter ce sujet. Il semble que ce soit en fait l’arrière-plan du thème Air qui ait une colonne blanche centrale. Voir les images ci-dessus.

Je me demande juste si l’équipe a pu reproduire le problème, car je l’ai isolé au thème Air et non à un problème avec la bannière de recherche.

Bonjour Dan,

Il semble que la sortie de votre plugin Search Banner soit sur le above-main-container par défaut ? Je pense que vous devez changer cela pour placer la bannière de recherche hors du #main-outlet :arrow_down_small:


Cependant, le thème a un style personnalisé pour le chat lorsqu’il est activé sur le #main-outlet, ce qui, je pense, ne devrait être actif que sur les pages de chat.
Cela ajoute l’arrière-plan avec !important au #main-outlet, ce qui remplace la transparence de l’arrière-plan du thème sur #main-outlet, etc…

Je pense que ce serait mieux de restreindre cela à .has-full-page-chat pour qu’il n’apparaisse que sur les pages de chat ?


Avec le réglage above-main-container :arrow_down_small:

Avec le réglage below-site-header :arrow_down_small:

3 « J'aime »

D’accord, cela corrige l’affichage principal. Quel serait le code pour corriger le chat ? Car il a toujours la colonne blanche sous l’en-tête de la bannière de recherche dans les catégories, comme sur votre dernière capture d’écran.

Merci pour votre aide.

1 « J'aime »

J’ajoute des images de « logo de catégorie » à certaines, mais pas à toutes, de mes catégories.

Comportement attendu : Lorsque j’ajoute une image de logo à une catégorie, la taille de l’étiquette reste la même que celle des autres catégories.

Comportement observé : Lorsque j’ajoute une image de logo à une catégorie, le carré est comparativement plus grand que les carrés des étiquettes des catégories sans images de logo. En plus de ne pas s’aligner avec les catégories de la même colonne, les lignes avec des catégories dotées d’images de logo sont plus hautes que les lignes avec des catégories sans images de logo.

Cela se produit sur mobile et sur ordinateur.

Comment puis-je résoudre ce problème ?

Je peux confirmer que c’est ainsi que cela s’affiche sur mon site. Je crois que c’est parce que les logos non-chat utilisent un descripteur très petit par rapport aux logos-chat.

J’imagine que vous pouvez probablement utiliser CSS pour que les catégories non-logo correspondent à la taille de boîte de celles avec logo.

Merci pour la confirmation. Les feuilles de style en cascade me donnent la chair de poule. C’est ma kryptonite. Je n’ai jamais été moins productive que lorsque je travaillais à obtenir des marges correctes en utilisant les feuilles de style en cascade.

1 « J'aime »

J’ai entendu dire que vous appreniez encore. Mais imaginez que l’auteur ou un membre de l’équipe pourrait aider à corriger un code CSS.

Je viens de découvrir le basculement clair/sombre. Cela fonctionne bien. Si vous actualisez la page, il semble que Discourse affichera le logo du thème clair à la place. Je soupçonne que cela est dû au fait que Discourse ne détecte pas que le navigateur Web n’est pas en mode sombre.


Bizarre, il semble que cela se soit corrigé tout seul. lol

Je viens de passer à celui-ci et je dois dire que son thème est très propre et agréable. Je l’aime beaucoup. Excellent travail à celui qui l’a conçu. Merci.

2 « J'aime »

Serait-il possible de m’envoyer un message privé ? Je ne suis pas à l’aise avec le partage du lien publiquement. Merci de votre volonté d’aider ! :heart:

J’ai désinstallé Air Theme et tous ses plugins, puis je les ai réinstallés. J’ai essayé tout ce qui me passait par la tête pour résoudre le problème, mais je n’y arrive pas.

Thème par défaut - Le menu déroulant de catégorie ne disparaît pas après avoir sélectionné une autre option (sur mobile)

Air Theme - Le menu déroulant de catégorie disparaît après avoir sélectionné une autre option. (sur mobile)

J’ai trouvé le problème pour la disparition du menu déroulant « Catégorie » sur mobile avec le thème Air.

En référence aux publications…

Le code dans votre dépôt Common.scss indique…

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

J’ai mis à jour le code pour

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

Et maintenant, le menu déroulant des Catégories ne disparaît plus après avoir choisi une autre option du menu déroulant. :slight_smile:

2 « J'aime »

Bonjour à tous..

J’essaie de personnaliser mon Discourse auto-hébergé et j’ai trouvé ce thème comme un bon point de départ !

Comment faites-vous pour apporter des modifications au CSS (comme changer l’arrière-plan) ?
Puisqu’il n’y a pas de section “CSS/HTML personnalisé” sur la page Thème lorsque je sélectionne ce thème, comme il y en a dans le thème par défaut.

2 « J'aime »

Salut,

  1. Commencez par créer un nouveau composant de thème pour votre forum.
  2. Incluez votre nouveau composant dans le thème souhaité (celui qui est utilisé ou un thème « dev » pour que vous puissiez le vérifier d’abord).
  3. Trouvez le bouton Modifier le CSS/HTML dans les paramètres du composant.
  4. Créez et élargissez vos horizons ! :fire:

4 « J'aime »

Génial.. Je n’avais pas pensé qu’un composant puisse être juste une modification CSS.

Merci.

3 « J'aime »

Bonjour,
J’ai une alerte dans la console :

deprecated.js:61 Avis de dépréciation : les arguments de PluginOutlet doivent maintenant être passés en utilisant `@outletArgs=` au lieu de `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in 

Ai-je oublié quelque chose dans les paramètres de mon thème ?
J’ai regardé, je ne vois rien…

3 « J'aime »