Pourquoi la sortie before-topic-progress est-elle enveloppée d'un <span> ?

Dev
1

J’essayais d’ajouter du contenu au conteneur de la chronologie mobile.

Il y a deux sorties dans ce conteneur.

before-topic-progress et after-topic-progress.

before-topic-progress est enveloppé dans <span> et je ne vois pas pourquoi. :thinking:

Le conteneur n’est pas en ligne, et je ne vois aucune raison pour qu’un span soit forcé autour de cette sortie. Il n’a aucun objectif évident et interfère avec notre propre mise en page de contenu. Par exemple, si nous voulons insérer un bouton, le bouton ne pourra pas correspondre aux hauteurs des autres éléments à cause de ce span :

image

Je ne vois aucune solution élégante à cela. La plus simple serait d’utiliser quelque chose comme

#topic-progress-wrapper > span:first-child {
    display: flex;
  }

Mais si plusieurs plugins ou composants utilisent la même sortie, forcer un flex sur le parent peut perturber le style d’un autre contenu (un cas limite, je suppose).

Si ce span n’a aucune utilité, pourrait-il être supprimé de ce fichier ?

2 « J'aime »
2

Oui, je pense que nous pouvons le supprimer, si ma mémoire est bonne, ces <span> ont été ajoutés car ils se rapprochent du comportement hérité des sorties. Nous en avons déjà supprimé un bon nombre au cas par cas car ils ont tendance à gêner, comme vous l’avez constaté.

Sera fait ici :

3 « J'aime »