Continuant la discussion de Nouveaux contrôles de sujets sur Meta :
Je pense qu’une partie de
rendre tous les boutons de la même taille de police
ne fonctionne pas dans tous les cas.
J’ai choisi une taille de texte plus petite dans mes préférences et cela semble influencer la taille du bouton de réponse. Il est plus petit que les autres boutons. Fait intéressant, il ne devient pas plus grand lorsque je choisis une taille de police plus grande.
Ma taille est normale et je vois aussi ce problème.
Salut @Moin merci de votre signalement, notre designer est au courant mais n’a pas encore trouvé de solution, des idées sur la façon dont nous pourrions résoudre ce problème ?
Est-ce en bas des sujets sur mobile ?
Peut-être est-ce influencé par la taille du texte de « Répondre » sur ordinateur/tablette, qui n’est pas visible sur mobile.
Je pense que le bouton de réponse est de la bonne taille et que les boutons de gauche ne le sont pas.
Contrairement aux autres boutons de la zone .topic-footer-main-buttons, le bouton de notification de sujet est encapsulé par une div (.topic-notifications-button).
Tous les boutons de la zone, y compris le bouton de réponse (code simplifié) :
<button></button>
Bouton de notification (code simplifié) :
<div class="topic-notifications-button">
<button></button>
</div>
Le problème est que, à cause de cette ligne,
La propriété font-size: var(--font-up-1) est appliquée à la fois à l’encapsulation du bouton de notification et au bouton à l’intérieur.
Comme vous le savez, les valeurs em se multiplient progressivement du parent à l’enfant.
Le résultat peut être illustré comme suit :
<div class="topic-notifications-button" style="font-size: 1.15em;">
<button style="font-size: 1.15em;"></button>
</div>
1.15 × 1.15 est le problème. La valeur finale de font-size sur l’élément button de notification est plus grande que prévu.
Ce n’est pas évident au premier coup d’œil car les boutons frères (clé, partage, signet, etc.) ajustent leur hauteur à l’élément le plus grand sur la même ligne[^1], donc le bouton de notification de sujet ne ressort pas comme étant “trop grand”, puisque tous les boutons de ce conteneur ont la même hauteur.
[^1] : Cela peut être illustré si nous ajoutons quelques boutons supplémentaires dans le conteneur pour faire passer le contenu à la ligne :
em, fait que le bouton adjacent sur la même ligne augmente automatiquement de hauteur.
La suppression de la ligne mise en surbrillance dans le onebox GitHub ci-dessus devrait résoudre le problème :
Merci beaucoup pour le débogage, je transmets cela à nos designers 
Je savais que c’était le bouton de notification qui causait le problème mais je ne l’avais pas encore identifié, donc ; mince, c’est une bonne trouvaille ! J’avais un peu négligé les doubles em qui étaient appliqués là ! Je ne l’ai pas encore vérifié mais c’est très probable.
Merci ! 
Ceci devrait être corrigé (PR))
Sur les sujets épinglés comme Share your feedback about the 🆕 iOS Discourse Hub app, le bouton de réponse est toujours plus petit
Le texte invisible \u200B à côté de l’icône svg dans le kit de sélection 
augmente la hauteur du bouton. Tout texte dans n’importe quel bouton augmente de la même manière sa hauteur (et les boutons frères ajustent leur hauteur en conséquence, comme le comportement discuté ci-dessus).
Oui, c’est quelque chose pour lequel j’ouvrirai un sujet interne. Je ne suis pas sûr si ​ cause des problèmes en raison de mes modifications, ou si c’était toujours le cas et que nous l’avons remarqué maintenant dans cette configuration.
Ce sujet a été automatiquement fermé après 2 jours. Les nouvelles réponses ne sont plus autorisées.
