Skip to content
Extraits de code Groupes Projets
Valider c5303e78 rédigé par tcharlss's avatar tcharlss Validation de marcimat
Parcourir les fichiers

feat: des classes utilitaires pour placer des éléments en sticky dans le privé

C'est de l'amélioration progressive purement CSS.

Rappel : pour que ça fonctionne, le parent de l'élément doit avoir une taille supérieure à l'élément en sticky.
Il ne doit pas y avoir d'ancêtre avec une règle overflow: hidden|auto

Les classes :

* .sticky, .sticky-top, .sticky-bottom : pour coller verticalement
* .sticky-start, sticky-end : pour coller horizontalement
* .sticky-m-{n}, n étant un nombre de 1 à 3 : classe à combiner avec les précédentes pour ajouter un espacement

Pour les tableaux on peut également mettre des `<th>` en sticky.
Les classes sont à mettre sur des lignes `<tr>`, cela évite d'avoir à les mettre sur chaque cellule.
Les cellules doivent avoir un fond de couleur pour un rendu correct.

* .row-sticky-top : coller verticalement des `<th>` dans le `<thead>` ou le `<tbody>`
* .row-sticky-start : coller horizontalement des `<th>` dans le `<tbody>` uniquement

On peut combiner les 2 dans un même tableau.
parent 0288ab60
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Chargement en cours
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter