Changeset 105269 in spip-zone for _plugins_/prive_fluide


Ignore:
Timestamp:
Jul 11, 2017, 9:47:49 PM (3 years ago)
Author:
tcharlss@…
Message:

version 0.1.3 : adaptations pour spip 3.2

Location:
_plugins_/prive_fluide/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/prive_fluide/trunk/paquet.xml

    r104948 r105269  
    22        prefix="prive_fluide"
    33        categorie="edition"
    4         version="0.1.2"
     4        version="0.1.3"
    55        etat="test"
    66        compatibilite="[3.0.0;3.2.*]"
  • _plugins_/prive_fluide/trunk/prive/style_prive_plugin_prive_fluide.html

    r104948 r105269  
    2828.largeur, #conteneur, .table_page,
    2929.large .largeur, .large #conteneur, .large .table_page {
    30   width: auto;
     30  width: auto !important;
    3131}
    3232
     
    7373
    7474/* ordre des items */
    75 #contenu { 
     75#contenu {
    7676  -webkit-box-ordinal-group: 2;
    7777      -ms-flex-order: 1;
     
    9595/* prévisualisation du contenu éditorial */
    9696#wysiwyg {
    97   max-width: 45em; /* ~70 caractères par ligne */
     97  max-width: 50em; /* ~70 caractères par ligne */
    9898  margin-left: auto;
    9999  margin-right: auto;
     
    108108    Cette valeur est tirée de la largeur minimale de la page par défaut dans les styles vanilla de SPIP.
    109109    Quand #navigation ou #extra sont vides, le contenu central s'adapte pour prendre tout l'espace disponible.
    110     On gère le ratio contenu/colonnes avec la propriété flex-grow.
    111     On met 4/1, mais ça ne fait pas 75%/25%, c'est plus compliqué : https://css-tricks.com/flex-grow-is-weird/
    112     Pas de largeur définie pour #navigation et #extra, sinon ça laisse un espace blanc quand ils sont vides.
     110    Malheureusement on ne peut pas mettre de largeur en pourcentage pour les colonnes, sinon on a des colonnes fantomes en absence de contenu.
    113111*/
    114112
     
    123121  }
    124122
     123   #contenu, #navigation, #extra {
     124     width: auto !important;
     125   }
     126
    125127  /* contenu principal */
    126128  #contenu {
    127     -webkit-box-flex: 4;
    128     -ms-flex-positive: 4;
    129     flex-grow: 4;
     129    -webkit-box-flex: 1;
     130    -ms-flex-positive: 1;
     131    flex-grow: 1;
    130132    -webkit-box-ordinal-group: 3;
    131133        -ms-flex-order: 2;
    132134            order: 2;
    133     margin-left: 30px;
     135    margin-left: 30px !important;
    134136  }
    135137
    136138  /* colonne */
    137139  #navigation, #extra {
     140    width: initial !important; /* pas de colonne fantome en abscence de contenu */
    138141    -webkit-box-flex: 0;
    139142    -ms-flex-positive: 0;
    140     flex-grow: 0;
     143    flex-grow: 0; /* pas de colonne fantome en abscence de contenu */
    141144    -ms-flex-negative: 1;
    142145    flex-shrink: 1;
    143     max-width: 20%;
     146    /*max-width: 25%;*/
    144147    -webkit-box-ordinal-group: 2;
    145148        -ms-flex-order: 1;
    146149            order: 1;
     150  }
     151  /* largeur de colonne : on cible le premier contenu pour éviter une colonne fantome en abscence de contenu */
     152  #navigation > .ajaxbloc:first-child > * {
     153    width: 22rem;
    147154  }
    148155
     
    152159    -ms-flex-order: 3;
    153160    order: 3;
    154     margin-left: 24px; /* = margin-left de #contenu */
     161    margin-left: 24px !important; /* = margin-left de #contenu */
    155162  }
    156163  .large #contenu {
    157     margin-left: 24px;
     164    margin-left: 24px !important;
    158165  }
    159166
Note: See TracChangeset for help on using the changeset viewer.