Problème de retour à la ligne sur la vue mobile dû au composant de thème Easy Footer

Soutien
1

Sur https://community.drownedinsound.com/, au cours des dernières heures, quelque chose est arrivé au site où le retour à la ligne n’est plus appliqué, ainsi qu’à d’autres comportements étranges de l’interface utilisateur. Cela n’arrive que sur la vue mobile.

image
image1920×779 190 KB

Il y a quelques fils de discussion où des gens se plaignent du même comportement, donc ce n’est pas quelque chose de spécifique à mon utilisateur :
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

Vous pouvez voir d’après les heures de publication que cela a commencé à se produire il y a environ 12 heures, soit le 08-05-2022 à 20:30 (CEST).

1 « J'aime »
2

Bonjour,

Cela semble être causé par ceci : Easy Responsive Footer
Le composant a une ligne CSS #main-outlet qui cause cela.

Il y a un autre rapport sur ce problème dans le sujet du composant de thème.

Vous pouvez utiliser cette solution rapide en attendant qu’elle soit corrigée.
Allez sur /admin/customize/themes et créez un nouveau composant.
Cliquez sur le CSS de la section mobile et ajoutez ce qui suit.

#main-outlet {
  width: 100%;
  max-width: 100%;
}

Screenshot 2022-05-09 at 10.49.53
Screenshot 2022-05-09 at 10.49.53323×208 12.4 KB

7 « J'aime »
3

J’ai mis à jour le message ci-dessus. J’ai oublié de remplacer la largeur maximale. @ma0sm , @AquaL1te

3 « J'aime »
4

Salut ! Merci pour cela. Cependant, lorsque j’essaie d’appliquer la correction rapide dans les paramètres d’administration, j’obtiens ce message :

La modification des thèmes distants est désactivée dans Discourse. Veuillez nous contacter si vous avez besoin d’aide pour faire migrer des thèmes distants personnalisés vers un thème local.

Il semble donc que nous aurons besoin de votre aide pour cela :slight_smile:

2 « J'aime »
5

Vous ajouteriez un nouveau composant de thème avec l’extrait de code supplémentaire. :+1:

  • Allez sur /admin/customize/themes
  • Cliquez sur installer puis sur créer nouveau
  • Donnez-lui un nom et sélectionnez ‘composant’.
  • Créer
  • Ajoutez-le à votre thème
  • Cliquez sur le bouton Modifier CSS/HTML et collez le code dans le champ CSS de l’onglet Mobile
  • Et enregistrez
4 « J'aime »
6

Merci ! Cela semble avoir résolu le problème ! :grin:

3 « J'aime »
7

Ça a l’air bien ! Merci beaucoup pour votre aide rapide !

7295b164b20a377a265b16e81812bb894b2c89b5
7295b164b20a377a265b16e81812bb894b2c89b53326×974 356 KB

mais il y a plus d’espace qu’avant, je pense. Est-ce que cela sera résolu lorsque la correction complète sera en place ?

1 « J'aime »
8

Je pense que c’est parce que la publicité n’est pas adaptée à la largeur du mobile. Pouvez-vous essayer de désactiver le Easy responsive footer et l’autre composant que vous avez créé avec l’extrait que j’ai posté précédemment. Juste pour vérifier si le problème de padding vient des publicités ou d’autre chose ?

Je pense avoir trouvé une solution possible. :thinking:

Pourriez-vous ajouter ceci au même nouveau composant que vous avez créé précédemment pour vérifier comment cela fonctionne ? Collez-le simplement sous l’extrait précédent @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
5 « J'aime »
9

Merci, cela semble avoir résolu le problème !

3 « J'aime »
12

J’ai ajouté une correction au pied de page facile

5 « J'aime »
13

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.