spip/medias
-
Par cerdic, le 19 mars 2021 à 11h35min :
#4506 : on revoit le markup des modeles document pour supprimer le max-width en dur (!16)
#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>
*Modifié*
medias_fonctions.php
modeles/audio.html
modeles/file.html
modeles/file_emb_application.html
modeles/file_emb_text.html
modeles/file_emb_text_csv.html
modeles/file_emb_text_html.html
modeles/image.html
modeles/video.html
Détails : https://git.spip.net/spip/medias/commit/61ac9aafbf380693e5054d02a046e7769634d93a