Open time, open mind, open eyes
Ça fait des années, réellement, que je peste au sujet des styles CSS inline insérés pour gérer l’alignement des médias. Eh bien j’ai fait hier le nécessaire pour en finir, au revoir les styles inline, bonjour les classes ! D’ailleurs les voilà ces classes : /* Media alignement */ .media-center { […]
Je viens d’ajouter deux langues dans Dotclear, l’arabe et l’hébreu, juste pour voir comment va se comporter l’administration avec des sens d’écriture différents, ça promet d’être cocasse ! لقد أضفت للتو لغتين في Dotclear ، العربية والعبرية ، فقط لأرى كيف ستتصرف الإدارة مع اتجاهات الكتابة المختلفة ، […]
J’ai repris ici le principe des tables responsives de l’admin de Dotclear, qui, je sais, est un pis-aller quand on a des tables avec des contenus bien copieux. Un peu de javascript : /** * Add headers on each cells (responsive tables) * * @param DOM elt table The table * @param string selector The […]
En vue d’utiliser des classes plutôt que des styles inline comme depuis l’origine : .media-center { display: grid; place-items: center; } .media-left { float: inline-start; margin-inline-end: 1em; margin-block-end: 1em; } .media-right { float: inline-end; margin-inline-start: 1em; margin-block-end: […]
En test ici même pour les titres des billets, c’est surtout la propriété text-wrap: balance; qui l’est : .post-title { white-space: unset; text-wrap: balance; hyphens: auto; } Pour passer de : Exemple Administration idéale, suite À : Exemple Administration idéale, suite NB : Le hyphens: auto; est […]