Le planet de l'AFPy a besoin d'aide sur du HTML/CSS

Bonjoir les gens,

j’essaye de mettre de la pagination sur le planet de l’AFPy. Mais je pense ne pas être à la hauteur, en un commit j’ai tout cassé, l’aside n’est plus aside, les liens précédent/suivant sont placés n’importe où, l’enfer.

Quelqu’un a le temps de tenter de faire ça propre ?

Est-ce qu’il y a des infos pour faire tourner en local pour jeter un œil ?

Sinon en changeant du CSS et HTML dans le navigateur, en diff y a :

  • HTML
<ul class="pagination">
  <li>Précédent[1]</li>
  <li><a href="…">Suivant</li>
</ul>
  • CSS
/* nouvelle règle */
.pagination {
  display: flex;
  gap: 1em;
  list-style: none;
  padding: 0;
}

/* changement sur la règle existante */
#actualites main {
  flex-direction: column;
  position: relative;
}

/* changement sur la règle existante */
aside {
  position: absolute;
  right: 0;
  top: 0;
}

J’ai pas testé en réduisant la taille de l’écran.

J’ai mis en prod sur https://planet.afpy.org, c’est top :slight_smile: merci @grewn0uille

1 « J'aime »