En-tête désordonné sur les écrans de taille moyenne avec le thème Horizon

Je peux aussi reproduire le problème : il semble que la classe contents à l’intérieur de l’en-tête, qui affiche flex à la taille de vue des téléphones pliables ou petites tablettes @media (min-width: 640px) and (max-width: 767px), soit en cause :

On peut y remédier en modifiant la propriété pour contents dans cette plage de largeur :

@media (min-width: 640px) and (max-width: 767.98px) {
  .d-header>wrap .contents {
    display: contents!important;
  }
}

Je pense que Discourse utilise 768px comme limite entre tablette et bureau.

1 « J'aime »