-
cerdic a rédigé
#4506 : on revoit le markup des modeles document pour supprimer le `max-width` en dur - on ajoute un div conteneur qui porte les classes `spip_document*` - le `<figure>` porte une classe `spip_doc_inner` - les classes au pluriel `spip_documents_*` sont doublees d'un renommage au singulier `spip_document_*` comme cela a été fait pour `spip_logo` - on supprime le `max-width` en dur Avec ça les modèles doc tombent a peu près bien par défaut sur un squelette stylé pour les anciens modèles doc, sauf audio et video dont le player ne se centre pas et quelques petits cas limites - il suffit d'**ajouter** les règles CSS suivantes pour adapter un squelette aux nouveaux modèles : ``` .spip_document { display: flex; justify-content: center;align-items: center} .spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;} .spip_doc_inner>* {margin-left: auto;margin-right: auto;} .spip_document .spip_doc_lien { display: inline-block; } .spip_doc_legende { display: block; max-width: 25em; } ``` On note que ces règles ne ciblent que des classes présentes sur les nouveaux modèles, et peuvent donc être ajoutées à tout squelette sans casser l'affichage sur les versions précédentes de SPIP, ou avec le plugin de compatibilité qui rétablit les anciens modèles. Co-authored-by:
Cerdic <cedric@yterium.com> Reviewed-on: https://git.spip.net/spip/medias/pulls/16 Co-Authored-By:
cerdic <cedric@yterium.com> Co-Committed-By:
cerdic <cedric@yterium.com>
cerdic a rédigé#4506 : on revoit le markup des modeles document pour supprimer le `max-width` en dur - on ajoute un div conteneur qui porte les classes `spip_document*` - le `<figure>` porte une classe `spip_doc_inner` - les classes au pluriel `spip_documents_*` sont doublees d'un renommage au singulier `spip_document_*` comme cela a été fait pour `spip_logo` - on supprime le `max-width` en dur Avec ça les modèles doc tombent a peu près bien par défaut sur un squelette stylé pour les anciens modèles doc, sauf audio et video dont le player ne se centre pas et quelques petits cas limites - il suffit d'**ajouter** les règles CSS suivantes pour adapter un squelette aux nouveaux modèles : ``` .spip_document { display: flex; justify-content: center;align-items: center} .spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;} .spip_doc_inner>* {margin-left: auto;margin-right: auto;} .spip_document .spip_doc_lien { display: inline-block; } .spip_doc_legende { display: block; max-width: 25em; } ``` On note que ces règles ne ciblent que des classes présentes sur les nouveaux modèles, et peuvent donc être ajoutées à tout squelette sans casser l'affichage sur les versions précédentes de SPIP, ou avec le plugin de compatibilité qui rétablit les anciens modèles. Co-authored-by:
Cerdic <cedric@yterium.com> Reviewed-on: https://git.spip.net/spip/medias/pulls/16 Co-Authored-By:
cerdic <cedric@yterium.com> Co-Committed-By:
cerdic <cedric@yterium.com>