Changeset 111992 in spip-zone for _plugins_/prive_fluide


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

Ajustement layout des formulaires : label au-dessus par défaut, et sur le côté sur écrans larges. C'est encore un peu juste quand il y a la 3ème colonne.

Location:
_plugins_/prive_fluide/trunk
Files:
2 edited

Legend:

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

    r111991 r111992  
    22        prefix="prive_fluide"
    33        categorie="edition"
    4         version="0.1.12"
     4        version="0.1.13"
    55        etat="test"
    66        compatibilite="[3.0.0;3.2.*]"
  • _plugins_/prive_fluide/trunk/prive/style_prive_plugin_prive_fluide.html

    r111991 r111992  
    113113
    114114.formulaire_spip .editer {
     115  display: flex;
     116  flex-flow: row wrap;
     117  justify-content: center;
    115118  padding-left: 10px;
     119}
     120.formulaire_spip .editer > * {
     121  flex: 0 1 45em;
    116122}
    117123.formulaire_spip .editer > label {
     
    126132.formulaire_spip textarea,
    127133.formulaire_spip input,
    128 .formulaire_spip select {
     134.formulaire_spip select,
     135.formulaire_spip .editer > label ~ * {
    129136  max-width: 45em;
    130137  box-sizing: border-box;
     
    132139
    133140/* Moyen écran : 2 colonnes */
    134 @media (min-width: 780px) {
     141@media (min-width: 1200px) {
    135142
    136143  .formulaire_spip .editer {
    137     padding-left: 15vw; /* padding proportionnel à l'écran pour centrer la saisie */
     144    display: block;
     145    padding-left: 12vw; /* padding proportionnel à l'écran pour centrer la saisie */
    138146  }
    139147  .formulaire_spip .editer > label {
    140148    display: inline;
    141149    float: left;
    142     max-width: calc(15vw - 20px);
    143     margin-left: calc(-15vw + 10px);
     150    max-width: calc(12vw - 20px);
     151    margin-left: calc(-12vw + 10px);
    144152  }
    145153
Note: See TracChangeset for help on using the changeset viewer.