Valider 301e94b5 rédigé par cerdic's avatar cerdic
Parcourir les fichiers

#1210 : accessibilite de l'install

ol a la place de ul et utiliser une couleur de background lorsque les images ne sont pas chargee
cela oblige ici a faire des acrobaties avec un div inclus dans le li
par ailleurs regler les padding/margin pour que les etapes tiennent toutes dans la largeur lorsqu'on zoom en avant et en arrierre
parent 2ec27fb5
Chargement en cours
Chargement en cours
Chargement en cours
Chargement en cours
+4 −4
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -182,7 +182,7 @@ function info_progression_etape($en_cours,$phase,$dir, $erreur = false){
	
//	$aff_etapes = "<span id='etapes'>";

	$aff_etapes = "<ul id='infos_etapes'>";
	$aff_etapes = "<ol id='infos_etapes'>";
	
	foreach($liste as $etape=>$fichier){
/*		if ($etape=="$phase$en_cours.php"){
@@ -200,13 +200,13 @@ function info_progression_etape($en_cours,$phase,$dir, $erreur = false){
			else if ($debut > $en_cours) $class = "prochains";
			else $class = "valides";

			$aff_etapes .= "<li class='$class'>";
			$aff_etapes .= "<li class='$class'><div class='fond'>";
			$aff_etapes .= "<span class='numero_etape'>$debut</span>".$intitule_etat["$phase"][$debut];
			$aff_etapes .= "</li>";
			$aff_etapes .= "</div></li>";
		}
		$debut++;
	}
	$aff_etapes .= "</ul>";
	$aff_etapes .= "</ol>";
	$aff_etapes .= "<br class='nettoyeur' /\n";
	return $aff_etapes;
}
+31 −15
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -55,29 +55,32 @@ p.resultat.echec {background-color:#d60c0c;}
#infos_etapes {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 63px;
	padding-left: 10px;
	height: 69px;
	overflow: hidden;
	text-align: left;
	font-family: helvetica, arial, sans;
	list-style:none;
}

#infos_etapes li {
	float: left; 
	width: 9.0em;
	padding-left: 2.5em;
	padding-right: 20px;
	padding-top: 10px;
	height: 69px;
	text-align: left;
	font-size: 0.85em;
	line-height: 1.05em;
	margin-left: -17px;
	margin-left: -28px;
	padding-left: 29px;
}
#infos_etapes li .fond {
	height: 69px;
	width: 9.0em;
	padding-right: 2em;
	padding-top: 10px;
}

#infos_etapes li span.numero_etape {
	font-weight: bold;
	font-size: 36px;
	font-size: 3em;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 7px;
@@ -88,19 +91,32 @@ p.resultat.echec {background-color:#d60c0c;}
	font-family: helvetica, arial, sans;
}
#infos_etapes li.encours {
	background: url(../prive/images/degrade-etapes-fonce-left.gif) top left;
	background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top;
	color: white;
	font-weight: bold;
}
#infos_etapes li.encours .fond {
	background: #ecb043 url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top;
}
#infos_etapes li.prochains  {
	background: url(../prive/images/degrade-etapes-clair-left.gif) top left;
	background: url(../prive/images/degrade-etapes-clair-left.gif) no-repeat left top;
	color: #888888;
}
#infos_etapes li.prochains .fond {
	background: #dbdbdb url(../prive/images/degrade-etapes-clair-left.gif) no-repeat -30px top;
}

#infos_etapes li.valides {
	background: url(../prive/images/degrade-etapes-vert-left.gif) top left;
	background: url(../prive/images/degrade-etapes-vert-left.gif) no-repeat left top;
	color: #116d05;
}
#infos_etapes li.valides .fond {
	background: #88f560 url(../prive/images/degrade-etapes-vert-left.gif) no-repeat -30px top;
}
#infos_etapes li.erreur {
	background: url(../prive/images/degrade-etapes-rouge-left.gif) top left;
	background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat left top;
	color: white;
}
#infos_etapes li.erreur .fond {
	background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat -30px top;
}
 No newline at end of file