[medias] #4506 : on revoit le markup des modeles document pour (...)

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 <[email protected]>
Reviewed-on: https://git.spip.net/spip/medias/pulls/16
Co-Authored-By: cerdic <[email protected]>
Co-Committed-By: cerdic <[email protected]>


*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