Changeset 114691 in spip-zone


Ignore:
Timestamp:
Apr 1, 2019, 7:43:24 PM (8 months ago)
Author:
tcharlss@…
Message:

Surcharger le moins possible le layout des formulaires, car sinon ça peut casser les styles de certains plugins (saisies de date d'agenda par ex.). On se contente juste de limiter la largeur et de centrer.

Location:
_plugins_/prive_fluide/trunk
Files:
2 edited

Legend:

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

    r114110 r114691  
    22        prefix="prive_fluide"
    33        categorie="edition"
    4         version="1.0.0"
     4        version="1.0.1"
    55        etat="test"
    66        compatibilite="[3.0.0;3.2.*]"
  • _plugins_/prive_fluide/trunk/prive/style_prive_plugin_prive_fluide.html

    r112642 r114691  
    112112*/
    113113
    114 .formulaire_spip .editer {
    115   display: flex;
    116   flex-flow: row wrap;
    117   justify-content: center;
    118   padding-left: 10px;
    119 }
    120 .formulaire_spip .editer > * {
    121   flex: 0 1 40rem;
    122 }
    123 .formulaire_spip .editer > label {
    124   display: block;
    125   margin-left: 0;
    126   margin-bottom: 0.25em;
    127   float: none;
    128 }
    129 .formulaire_spip .editer .explication {
    130   display: block;
     114.formulaire_spip .editer-groupe {
     115  max-width: 45rem;
     116  margin-left: auto;
     117  margin-right: auto;
    131118}
    132119
    133 .formulaire_spip .edition, /* conteneur markitup */
    134 .formulaire_spip .choix,
    135 .formulaire_spip textarea,
    136 .formulaire_spip input,
    137 .formulaire_spip select,
    138 .formulaire_spip .editer > label ~ * {
    139   max-width: 40rem;
    140   box-sizing: border-box;
     120.formulaire_spip .editer.fieldset {
     121  margin: 1em 0;
    141122}
    142123
    143 /* Grand écran */
    144 @media (min-width: 1200px) {
    145 
     124/* Petit écran : tout en pleine largeur (pas mobile-first, car sinon ça peut péter des trucs avec les plugins qui stylent les saisies) */
     125@media (max-width: 640px) {
    146126  .formulaire_spip .editer {
    147     display: block;
    148     padding-left: 15vw; /* padding proportionnel à l'écran pour centrer la saisie */
     127    padding-left: 10px;
    149128  }
    150129  .formulaire_spip .editer > label {
    151     display: inline;
    152     float: left;
    153     max-width: calc(15vw - 20px);
    154     margin-left: calc(-15vw + 10px);
    155   }
    156   /* Pleine largeur */
    157   .formulaire_spip .editer.pleine_largeur {
    158     padding-left: 10px;
    159     flex-direction: column;
    160   }
    161   .formulaire_spip .editer.pleine_largeur > label {
    162     float: none;
    163130    display: block;
     131    width: 100%;
    164132    margin-left: 0;
    165133    margin-bottom: 10px;
    166     max-width: 100%;
    167134  }
    168   .formulaire_spip .editer.pleine_largeur > label ~ * {
    169     max-width: 100%;
    170   }
    171 
    172135}
    173136
Note: See TracChangeset for help on using the changeset viewer.