Ancestors

Written by Julien W. on 2024-10-08 at 13:39

Les gens qui font du CSS, vous avez une super idée pour aligner les icônes dans un layout "table" avec une des cellules qui contiendrait:

texte

autre texte

faire que les icones soient alignées verticalement quel que soit le texte? Et que le texte "ait l'air" centré.

Pour l'instant on a un padding-inline-start en pourcentage pour pouvoir s'adapter à la taille de la cellule...

=> More informations about this toot | More toots from julienw@pouet.chapril.org

Written by Vincent Valentin on 2024-10-08 at 19:01

@julienw preneur d’un petit bac à sable pour mieux voir le besoin.

=> More informations about this toot | More toots from vincent@oisaur.com

Written by Julien W. on 2024-10-09 at 14:31

@vincent c'est pas trop bac à sable, mais c'est ça : https://deploy-preview-764--mozilla-perfcompare.netlify.app/compare-results?baseRev=e0a1b8bc6bd28305a0b1c293ac0176599149c1ba&baseRepo=mozilla-central&newRev=02bd95b16de9ef621d6b04626d655e3a346da296&newRepo=mozilla-central&framework=12&search=memory

Les petites icônes dans la colonne "confidence"

Attention le HTML et le CSS sont pas géniaux, c'est un peu de la soupe de React Material UI...

=> More informations about this toot | More toots from julienw@pouet.chapril.org

Written by Vincent Valentin on 2024-10-09 at 18:50

@julienw Je vois… pas simple ! Je te dis si je trouve quelque chose de malin mais j'y crois peu.

=> More informations about this toot | More toots from vincent@oisaur.com

Written by Vincent Valentin on 2024-10-09 at 19:28

@julienw Je confirme, à moins de basculer sur une grid et de casser encore plus l’accessibilité, je ne vois que JS pour faire ça :

• https://codepen.io/vincent-valentin/pen/wvVozbY

• https://codepen.io/vincent-valentin/pen/ZEgBBWb

=> More informations about this toot | More toots from vincent@oisaur.com

Toot

Written by Julien W. on 2024-10-10 at 08:54

@vincent merci d'avoir jeté un oeil, je vais regarder tes propositions !

=> More informations about this toot | More toots from julienw@pouet.chapril.org

Descendants