-
- Téléchargements
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
Affichage de
- prive/themes/spip/ajax.css.html 45 ajouts, 0 suppressionprive/themes/spip/ajax.css.html
- prive/themes/spip/clear.css 0 ajout, 10 suppressionsprive/themes/spip/clear.css
- prive/themes/spip/layout.css 1 ajout, 0 suppressionprive/themes/spip/layout.css
- prive/themes/spip/lists.css.html 17 ajouts, 7 suppressionsprive/themes/spip/lists.css.html
- prive/themes/spip/style_prive.css.html 1 ajout, 0 suppressionprive/themes/spip/style_prive.css.html
- prive/themes/spip/tables.css.html 2 ajouts, 2 suppressionsprive/themes/spip/tables.css.html
- prive/themes/spip/utils.css.html 75 ajouts, 0 suppressionprive/themes/spip/utils.css.html
Chargement en cours
Veuillez vous inscrire ou vous se connecter pour commenter