Changeset 96277 in spip-zone


Ignore:
Timestamp:
Mar 28, 2016, 9:39:27 PM (3 years ago)
Author:
teddy.spip@…
Message:

Des éléments correctifs pour le responsive :

  • Quand on été en pleine largeur, la navigation et le conteneur n'étaient pas 'responsive' ;
  • Pour la div.largeur, on n'avait plus de padding, tout était collé au bord ;
  • On réduit la hauteur de #navigation pour ne pas avoir un espace 'vide' non compréhensible ;
  • Up de z.
Location:
_plugins_/spip_hop/trunk
Files:
2 edited

Legend:

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

    r95744 r96277  
    22        prefix="spip_hop"
    33        categorie="edition"
    4         version="0.4.8"
     4        version="0.4.9"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
  • _plugins_/spip_hop/trunk/prive/style_prive_plugin_spip_hop.html

    r95744 r96277  
    8282        body { min-width: 98%; width: 98%; margin: 0 1%; }
    8383        body.large { min-width: 98%; width: 98%; margin: 0 1%; }
     84        #navigation { min-height: 1px; }
    8485        /* ecran large*/
    85         [(#GET{largeur_bandeau}) .largeur,
    86         ][(#GET{largeur_bandeau}|non) .large .largeur,
    87         ].ecrire #conteneur,
     86        .ecrire #conteneur,
    8887        .ecrire #page div table.centered,
    8988        .ecrire #page .table_page,
     
    9291        .ecrire #page div table.centered,
    9392        .ecrire #page .table_page { width: 100%; }
     93
     94        .large .largeur, .largeur {
     95                width: 97.5%;
     96                padding-right: 1.5%;
     97                padding-left: 1.5%;
     98        }
     99
    94100        .large #conteneur,
    95101        .large .table_page,
    96102        #conteneur,
    97103        .table_page { width: 100%; }
     104
    98105        .large div.messages-alertes,
    99106        div.messages-alertes { width: 95%; }
    100107        .large #navigation,
    101108        #navigation { width: 100%; float: none; }
     109
    102110        .large #extra,
    103111        #extra { width: 100%; float: none; }
     112
    104113        .large #contenu,
    105114        #contenu { margin-left: 0; width: 100%; }
     115
     116        body.large.edition #contenu,
     117        .articles_edit.large #contenu,
     118        .mots_edit.large #contenu,
     119        .breves_edit.large #contenu,
     120        .rubriques_edit.large #contenu { width: 100%; float: none; }
     121
     122        body.large.edition #extra,
     123        .articles_edit.large #extra,
     124        .mots_edit.large #extra,
     125        .breves_edit.large #extra,
     126        .rubriques_edit.large #extra { width: 100%; float: none; }
     127
    106128}
Note: See TracChangeset for help on using the changeset viewer.