Corrections CSS :

- class edition sur le body toujours a la fin pour permettre d'avoir le meme selecteur css selon qu'elle est ajoutee cote serveur ou client - meta viewport pour iTruc - preciser des min-width sur le body pour que les iTruc ne se trompent pas au calcul de largeur de page
11 years ago · f9dfbbaead
3 changed files with 15 additions and 13 deletions
--- a/prive/squelettes/body.html
+++ b/prive/squelettes/body.html
@ -1,4 +1,4 @@
-[(#PIPELINE{body_prive,[(#VAL{<body class="#ENV{type-page,page}[(#ENV{type-page,page}|match{_edit$}|oui)edition][ #ENV{type-page,page}_(#ENV{composition,''})][ statut_(#SESSION{statut})][ auteur_(#SESSION{id_auteur})] [(#REM|init_body_class)]">})]})]
+[(#PIPELINE{body_prive,[(#VAL{<body class="#ENV{type-page,page}[ #ENV{type-page,page}_(#ENV{composition,''})][ statut_(#SESSION{statut})][ auteur_(#SESSION{id_auteur})] [(#REM|init_body_class)][(#ENV{type-page,page}|match{_edit$}|oui)edition]">})]})]
 	<INCLURE{fond=prive/squelettes/inclure/barre-nav,lang,recherche,plugins=(#REM|parametres_css_prive)}>
 	<div id="page">
 		<INCLURE{fond=prive/objets/liste/auteurs_enligne}>
--- a/prive/squelettes/inclure/head.html
+++ b/prive/squelettes/inclure/head.html
@ -14,6 +14,7 @@ function test_accepte_ajax(){jQuery.ajax({"url":"[(#URL_ECRIRE{test_ajax,js=1}|r
 var stat = [(#CONFIG{activer_statistiques}|=={non}|?{0,1})];
 var confirm_changer_statut = '<:confirm_changer_statut|html2unicode|addslashes|unicode_to_javascript:>';
 /*]]>*/</script>
+<meta name="viewport" content="width=device-width" />
 [<link rel="stylesheet" type="text/css" href="(#VAL{reset.css}|find_in_theme|url_absolue)" id="csspriveereset" />]
 #PIPELINE{header_prive_css,''}
 [<!--
--- a/prive/themes/spip/layout.css
+++ b/prive/themes/spip/layout.css
@ -1,8 +1,9 @@
 /* Layout */
-#page {}
+body {min-width: 780px;}
+body.large {min-width: 974px;}
 /* ecran etroit*/
 #haut {text-align:center;margin-top:10px;}
-.largeur { width: 780px; margin: auto; text-align:left; }
+.largeur { width: 780px; margin: auto; text-align:left;padding:0; }
 #conteneur,.table_page { clear: both; margin-right: auto; margin-left: auto; text-align: left; width: 780px; margin-top:0.5em;}
 #navigation { float: left; width: 200px; min-height: 100px; }
 #extra { float: left; clear:left; width: 200px; }
@ -23,16 +24,16 @@ div.messages-alertes {text-align: right;background: #fff;padding: 5px;width: 770
 .pleine_largeur #contenu {margin-left:0;width:100%;}

 /* les formulaires sont en 600px en config large */
-body.edition .large #contenu,
-.articles_edit .large #contenu,
-.mots_edit .large #contenu,
-.breves_edit .large #contenu,
-.rubriques_edit .large #contenu {width:600px; margin-top: 20px;}
-body.edition .large #extra,
-.articles_edit .large #extra,
-.mots_edit .large #extra,
-.breves_edit .large #extra,
-.rubriques_edit .large #extra {width:140px;}
+body.large.edition #contenu,
+.articles_edit.large #contenu,
+.mots_edit.large #contenu,
+.breves_edit.large #contenu,
+.rubriques_edit.large #contenu {width:600px;}
+body.large.edition #extra,
+.articles_edit.large #extra,
+.mots_edit.large #extra,
+.breves_edit.large #extra,
+.rubriques_edit.large #extra {width:140px;}

 /*fix all layout problems of IE6 and IE7*/
 .lte7 .cadre,