#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: #16
Co-Authored-By: cerdic <cedric@yterium.com>
Co-Committed-By: cerdic <cedric@yterium.com>
On ajoute pareil pour des attributs supplémentaires.
On propose d'ajouter data-legende-len et data-legende-lenx qui indique une longueur approximative de légende,
de sorte de pouvoir styler en CSS différement possiblement selon la longueur de cette légende.
On ajoute une classe sur le document (spip_document--legende) pour indiquer s'il contient une légende,
de sorte qu'on puisse le styler différemment avec ou sans légende (notamment pour les images...)
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue en
[Salvatore] [source:lang/ medias] Mise a jour du bilan depuis https://trad.spip.net
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue en
[Salvatore] [source:lang/ medias] Mise a jour du bilan depuis https://trad.spip.net
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue br
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue ca
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue de
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue en
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue eo
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue es
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue fa
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue fr
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue fr_fem
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue fr_tu
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue it
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue ja
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue lb
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue nl
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue oc_ni_mis
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue pt
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue pt_br
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue ru
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue sk
[Salvatore] [source:lang/ medias] Export depuis https://trad.spip.net de la langue uk
[Salvatore] [source:lang/ medias] Mise a jour du bilan depuis https://trad.spip.net
