Changeset 111993 in spip-zone


Ignore:
Timestamp:
Oct 14, 2018, 10:41:31 PM (2 years ago)
Author:
tcharlss@…
Message:

Forms : largeur en rem, ajustement largeur colonnes

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/prive_fluide/trunk/prive/style_prive_plugin_prive_fluide.html

    r111992 r111993  
    8585    #extra > .ajaxbloc > *,
    8686    #extra > :not(.ajaxbloc) {
    87       width: calc(4em + 18vw);
     87      width: 20vw;
    8888    }
    8989  }
     
    119119}
    120120.formulaire_spip .editer > * {
    121   flex: 0 1 45em;
     121  flex: 0 1 40rem;
    122122}
    123123.formulaire_spip .editer > label {
     
    126126  margin-bottom: 0.25em;
    127127  float: none;
     128}
     129.formulaire_spip .editer .explication {
     130  display: block;
    128131}
    129132
     
    134137.formulaire_spip select,
    135138.formulaire_spip .editer > label ~ * {
    136   max-width: 45em;
     139  max-width: 40rem;
    137140  box-sizing: border-box;
    138141}
    139142
    140 /* Moyen écran : 2 colonnes */
     143/* Grand écran */
    141144@media (min-width: 1200px) {
    142145
    143146  .formulaire_spip .editer {
    144147    display: block;
    145     padding-left: 12vw; /* padding proportionnel à l'écran pour centrer la saisie */
     148    padding-left: 15vw; /* padding proportionnel à l'écran pour centrer la saisie */
    146149  }
    147150  .formulaire_spip .editer > label {
    148151    display: inline;
    149152    float: left;
    150     max-width: calc(12vw - 20px);
    151     margin-left: calc(-12vw + 10px);
     153    max-width: calc(15vw - 20px);
     154    margin-left: calc(-15vw + 10px);
    152155  }
    153156
Note: See TracChangeset for help on using the changeset viewer.