Existe-t-il un moyen de faire apparaître les liens de la bannière dans la version mobile horizontalement au lieu de verticalement ? Merci !
4 « J'aime »
4 « J'aime »
Merci beaucoup, pour une raison quelconque, je ne l’avais pas remarqué. Ça marche parfaitement !
4 « J'aime »
5 « J'aime »
Voici un exemple de code montrant comment personnaliser la bannière pour qu’elle soit moins haute sur les petits écrans :
Mettez ceci dans l’onglet mobile de la personnalisation de votre thème !
// Rend la bannière de bienvenue adaptée aux petites tailles d'écran
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-image: url($mobile-banner-bg);
background-size: cover;
.welcome-wrapper {
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
&div a {
padding: 0 5px;
h3 {
font-size: 0.75em;
white-space: normal;
}
}
}
}
}
}
À ajuster selon vos besoins (c’est pourquoi il y a des nids SCSS « vides »).
En l’état, voici à quoi cela ressemble sur mon projet actuel :
edit : @Moin a été plus rapide que moi pour mentionner mes propres ajustements… Bravo 
11 « J'aime »
C’est une nette amélioration de l’apparence mobile de la bannière de bienvenue. Pas plus tard qu’hier, j’ai vu un nouvel utilisateur s’inscrire sur mon site via mobile, et il a trébuché sur la grande taille de la bannière ; en gros, il n’a pas réalisé qu’il devait faire défiler vers le bas pour voir l’action. Par conséquent, j’ai cherché quelque chose de mieux, et cet extrait de CSS est brillant.
J’ai dû supprimer background-image: url($mobile-banner-bg); car il est clair que vous l’avez extrait d’un TC bifurqué.
@awesomerobot, envisageriez-vous une PR pour ajouter cette amélioration mobile au composant Thème ?
6 « J'aime »
Bien sûr, les PR sont toujours les bienvenues.
3 « J'aime »
Salut @awesomerobot, comme je n’ai pas vu de PR à ce sujet jusqu’à présent, je viens de créer une PR pour ajouter l’amélioration apportée par @Canapin, et j’ai ajouté deux locales. 
6 « J'aime »
J’ai jeté un coup d’œil et j’ai vu que vous aviez supprimé les modifications de locale comme demandé par @team. Cependant, la PR a été fermée, j’en ai donc ouvert une nouvelle pour vous :
6 « J'aime »
Génial ! Quand pensez-vous qu’il sera fusionné ?
2 « J'aime »
Je ne suis pas sûr - @awesomerobot, mon PR est-il correct ?
5 « J'aime »
Ça me semble bien, fusionné maintenant. Merci !
6 « J'aime »
Génial ! Mais le problème des icônes verticales se produit également sur les tablettes, donc l’utilisation du CSS personnalisé mobile commence à une taille d’écran trop basse. Malheureusement, le CSS personnalisé de Discourse ne vous permet pas de cibler les tablettes. Ma solution a été de placer le texte suivant dans l’onglet CSS personnalisé commun.
Il comprend également des corrections pour un espacement indésirable sur la droite dans la vue tablette, et j’ai également choisi d’augmenter la taille de la police des liens à 1em.
@media (max-width: 768px) {
.below-site-header-outlet.welcome-link-banner-connector {
.welcome-link-banner-wrapper {
background-size: cover;
.welcome-wrapper {
.welcome-content {
> p {
max-width: initial;
}
}
.featured-banner-link {
flex-direction: row;
padding-bottom: 0.5em;
> div a {
padding: 0 5px;
h3 {
font-size: 1em;
white-space: normal;
}
}
}
}
}
}
}
3 « J'aime »
Merci pour ces informations !
Je n’ai pas fait de pull request vers le composant de thème avec ma version mobile car je ne l’avais pas testée dans diverses configurations. Et votre message montre que le code mobile nécessiterait en effet un travail supplémentaire 
3 « J'aime »
Ce sujet a été automatiquement fermé après 801 jours. Les nouvelles réponses ne sont plus autorisées.