Skip to content
Extraits de code Groupes Projets
  1. mai 28, 2024
  2. mars 13, 2023
  3. mars 19, 2021
    • cerdic's avatar
      #4506 : on revoit le markup des modeles document pour supprimer le max-width en dur (!16) · 61ac9aaf
      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's avatarCerdic <cedric@yterium.com>
      Reviewed-on: https://git.spip.net/spip/medias/pulls/16
      
      
      Co-Authored-By: cerdic's avatarcerdic <cedric@yterium.com>
      Co-Committed-By: cerdic's avatarcerdic <cedric@yterium.com>
      61ac9aaf
  4. mars 18, 2021
  5. fév. 19, 2021
  6. fév. 17, 2021
  7. juil. 29, 2019
    • cedric@yterium.com's avatar
      Refonte des modeles document : · fa13018a
      cedric@yterium.com a rédigé
      * on declare le routeur de modele medias_modeles_styliser qui redirige les raccourcis img, doc et emb selon la regle suivante
         - le nouveal modele correspond au champ media du document : image, audio, video, file
         - si une declinaison correspondant au raccourci initial (_img, _doc ou _emb) existe on la prend
           -> un modele file_emb.html reprend le mecanisme d'embed generique selon extension+mime-type de l'ancien modele emb.html
      * les 4 modeles de base image, audio, video, file et les declinaisons file_emb sont toutes en <figure></figure>
      * les styles en dur float sont supprimes, on ne garde qu'un width:{largeur}px sur l'element <figure> qui permet d'avoir un conteneur ajuste
        - il se contourne facilement par un min-width:100%; ou un width:auto !important;
      * spip_doc_titre, spip_doc_descriptif et spip_doc_credits sont regroupes dans le figcaption.spip_doc_legende
      * les modeles historiques doc, img et emb disparaissent. Les eventuels modeles surcharges dans squelettes/ sont ignores
      * les 3 modeles image, audio et video ajoutent des conditions sur leur boucle, pour etre sur qu'on a bien a faire avec le bon type de media, et sinon renvoient vers le modele file
      * le mode du document n'est plus considere dans aucun modele dans le format de l'affichage qui n'en depend donc plus du tout
      
      En pratique donc <emb>, <img> et <doc> sont equivalents pour les medias audio, video, image (et consistent a afficher/embed le media par defaut)
      Pour les autres types de media <doc> affiche le lien vers le document avec une vignette + legende, et <emb> affiche un traitement differencie en fonction du mime type
      On peut utiliser le raccourci <fileXX> pour n'importe quel media
      Si on utilise <imageXX> ou <audioXX> ou <videoXX> sur un media inaproprie ca affichera le contenu de <fileXX>
      fa13018a
  8. fév. 02, 2017
  9. oct. 14, 2014
  10. juin 01, 2011
  11. mai 30, 2011
Chargement en cours