Changeset 111991 in spip-zone for _plugins_/prive_fluide


Ignore:
Timestamp:
Oct 14, 2018, 10:04:11 PM (17 months ago)
Author:
tcharlss@…
Message:

Affichage plus consistent des formulaires : tous les champs à la même largeur

Location:
_plugins_/prive_fluide/trunk
Files:
2 edited

Legend:

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

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

    r111893 r111991  
    99  On fait du mobile-first : pas de colonne à la base, puis on en met 2 ou 3 selon la largeur.
    1010  On met du float comme en 40 pour les vieux navigateurs,
    11   et du CSS grid pur les nouveaux.
     11  et du CSS grid pour les nouveaux.
    1212
    1313*/]#CACHE{3600*100,cache-client}
     
    1919  LAYOUT
    2020  ======
    21   Agencement et dimensions des blocs principaux en mobile-first
     21  Placement et dimensions des blocs principaux
    2222*/
    2323
     
    5151  margin-left: auto !important;
    5252  margin-right: auto !important;
    53 }
    54 
    55 /* Des blocs à limiter en largeur pour obtenir ~80 caractères max par ligne */
    56 #wysiwyg,
    57 /* .cadre-formulaire-editer, */
    58 .formulaire_spip textarea,
    59 .formulaire_spip .edition {
    60   display: block;
    61   max-width: 45em;
    62   margin-left: auto;
    63   margin-right: auto;
    6453}
    6554
     
    118107
    119108/*
     109  ===========
     110  Formulaires
     111  ===========
     112*/
     113
     114.formulaire_spip .editer {
     115  padding-left: 10px;
     116}
     117.formulaire_spip .editer > label {
     118  display: block;
     119  margin-left: 0;
     120  margin-bottom: 0.25em;
     121  float: none;
     122}
     123
     124.formulaire_spip .edition, /* conteneur markitup */
     125.formulaire_spip .choix,
     126.formulaire_spip textarea,
     127.formulaire_spip input,
     128.formulaire_spip select {
     129  max-width: 45em;
     130  box-sizing: border-box;
     131}
     132
     133/* Moyen écran : 2 colonnes */
     134@media (min-width: 780px) {
     135
     136  .formulaire_spip .editer {
     137    padding-left: 15vw; /* padding proportionnel à l'écran pour centrer la saisie */
     138  }
     139  .formulaire_spip .editer > label {
     140    display: inline;
     141    float: left;
     142    max-width: calc(15vw - 20px);
     143    margin-left: calc(-15vw + 10px);
     144  }
     145
     146}
     147
     148/*
    120149  ======
    121150  Divers
     
    124153*/
    125154
     155/* Limiter en largeur pour obtenir ~80 caractères max par ligne */
     156#wysiwyg {
     157  display: block;
     158  max-width: 45em;
     159  margin-left: auto;
     160  margin-right: auto;
     161}
    126162
    127163/* Polices */
Note: See TracChangeset for help on using the changeset viewer.