Problème de mise en page de la grille de conteneurs ?

UX
1

Bonjour,

Je remarque un problème sur la vue mobile sur un appareil tablette.

Cette requête média fonctionne bien sur mobile, mais je pense qu’elle devrait s’activer sur toutes les largeurs de vue mobile.

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

Au-dessus de 924px, elle ajoutera la chronologie à template-areas qui est (je pense qu’elle n’apparaît que sur ordinateur) sur mobile, ce qui casse la mise en page.

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

Merci :slightly_smiling_face:

2 « J'aime »
5

@Don J’ai fait quelques tests et je ne pense pas que ce soit encore un problème… l’avez-vous rencontré récemment ?

1 « J'aime »
6

Merci de l’avoir vérifié @awesomerobot.

Mais je pense que c’est toujours un problème. Il semble qu’il n’apparaisse que si le topic-progress-wrapper est ancré.

1 « J'aime »
7

Ah je vois, je pense que je regardais la mauvaise chose. Cela devrait corriger la mise en page lorsque la barre de progression est ancrée :

2 « J'aime »
8

Ce sujet a été automatiquement fermé après 3 jours. Les nouvelles réponses ne sont plus autorisées.