[9.2.23] Problèmes divers avec thème menu

CHANGES.md

@@ -9,6 +9,10 @@
     - Mise à jour en ligne :
         - problème lors du stockage de décompte de la date de dernière vérification.
         - réinitialisation du décompte de vérification lors de l'activation de l'option.
+    - Thème, Menu : 
+        - Problème avec le menu fixe en-dehors du site et la barre d'outils de TinyMCE sous le menu. Solution, en édition de page l'option de menu fixe est temporairement désactivée.
+        - Alignement avec le contenu du menu dans le site incorrecte.
+        - Disparition de la position et de l'alignement du menu.
 - Modifications : 
     - TinyMCE : libellé des fonctions  "Afficher dans"
     - TinyMCE : nouvelle organisation de la barre d'outils.

core/core.php

@@ -1236,12 +1236,15 @@ class core extends common {
 					$this->getData(['theme', 'menu', 'position']) === 'site-first'
 					OR $this->getData(['theme', 'menu', 'position']) === 'site-second'
 				) {
-					$css .= 'nav{margin:20px 20px 0 20px}';
+					$css .= 'nav{padding:10px 10px 0 10px;}';
 				}
 				else {
-					$css .= 'nav{margin:0 20px 0}';
+					$css .= 'nav{padding:0 10px}';
 				}				
+			} else {
+				$css .= 'nav{margin:0}';
 			}
+			
 			$css .= '#toggle span,#menu a{padding:' . $this->getData(['theme', 'menu', 'height']) .';font-family:"' . str_replace('+', ' ', $this->getData(['theme', 'menu', 'font'])) . '",sans-serif;font-weight:' . $this->getData(['theme', 'menu', 'fontWeight']) . ';font-size:' . $this->getData(['theme', 'menu', 'fontSize']) . ';text-transform:' . $this->getData(['theme', 'menu', 'textTransform']) . '}';			
 			// Pied de page
 			$colors = helper::colorVariants($this->getData(['theme', 'footer', 'backgroundColor']));

core/module/page/view/edit/edit.js.php

@@ -26,6 +26,12 @@ $("#pageEditDelete").on("click", function() {
 * Paramètres par défaut au chargement
 */ 
 $( document ).ready(function() {
+	
+	/*
+	* Enleve le menu fixe en édition de page
+	*/
+	$("nav").removeAttr('id');
+
 	/**
 	* Bloque/Débloque le bouton de configuration au changement de module
 	* Affiche ou masque la position du module selon le call_user_func

core/module/theme/view/menu/menu.js.php

@@ -10,6 +10,30 @@
  * @link http://zwiicms.com/
  */
 
+$(document).ready(function(){
+	// Menu fixe à afficher
+	if($("#themeMenuPosition").val() === 'top') {
+		$("#themeMenuPositionFixed").slideDown();	
+	}
+	else {
+		$("#themeMenuPositionFixed").slideUp(function() {
+			$("#themeMenuFixed").prop("checked", false).trigger("change");
+		});
+	}
+
+	// Option de menu à afficher
+	if($("#themeMenuPosition").val() === 'site-first' || $(this).val() === 'site-second') {
+		$("#themeMenuPositionOptions").slideDown();	
+	}
+	else {
+		$("#themeMenuPositionOptions").slideUp(function() {
+			$("#themeMenuMargin").prop("checked", false).trigger("change");
+		});
+	}
+
+});
+
+
 /**
  * Aperçu en direct
  */
@@ -37,14 +61,14 @@ $("input, select").on("change", function() {
 			<?php echo json_encode($this->getData(['theme', 'menu', 'position']) === 'site-first'); ?>
 			|| <?php echo json_encode($this->getData(['theme', 'header', 'position']) === 'body'); ?>
 		) {
-			css += 'nav{padding:20px 20px 0 20px}';
+			css += 'nav{padding: 10px 10px 0 10px}';
 		}
 		else {
-			css += 'nav{padding:0 20px}';
+			css += 'nav{padding:0 10px;}';
 		}
 	}
 	else {
-		css += 'nav{margin:0}';
+		css += 'nav{margin:0;}';
 	}
 	// Ajout du css au DOM
 	$("#themePreview").remove();
@@ -73,7 +97,7 @@ $("input, select").on("change", function() {
 		case 'body-first':
 			$("nav").show().insertAfter("#bar");
 			$("#menu").removeClass('container-large');
-			$("nav").removeClass('#navfixedconnected');
+			$("nav").removeAttr('id');
 			$("#menu").addClass('container');
 			break;			
 		case 'body-second':
@@ -83,13 +107,13 @@ $("input, select").on("change", function() {
 			else {
 				$("nav").show().insertAfter("#bar");
 			}
-			$("nav").removeClass('#navfixedconnected');
+			$("nav").removeAttr('id');
 			break;
 		case 'top':
 			$("nav").show().insertAfter("#bar");
 			$("#menu").removeClass('container');
 			$("#menu").addClass('container-large');
-			$("nav").addClass('#navfixedconnected');
+			$("nav").attr('id','#navfixedconnected');
 			break;
 		case 'site':
 			$("nav").show().prependTo("#site");
@@ -109,6 +133,7 @@ $("#themeMenuLoginLink").on("change", function() {
 
 // Affiche / Cache les options de la position
 $("#themeMenuPosition").on("change", function() {
+	console.log($("#themeMenuPosition").val());
 	if($(this).val() === 'site-first' || $(this).val() === 'site-second') {
 		$("#themeMenuPositionOptions").slideDown();	
 	}
@@ -132,7 +157,6 @@ $("#themeMenuPosition").on("change", function() {
 }).trigger("change");
 
 // Affiche la sélection de couleur auto
-
 $("#themeMenuActiveColorAuto").on("change", function() {
 	if ($(this).is(':checked') ) {
 		$("#themeMenuActiveColorWrapper").slideUp();