Option masquage bannière en petit écran

core/layout/common.css

@@ -529,6 +529,11 @@ nav #burgerText {
 	margin: 15px 0 0 10px;
 }
 
+nav #burgerLogo {
+	float: left;
+	margin: 5px 0 0 5px;
+}
+
 nav ul {
 	padding: 0;
 	margin: 0;
@@ -1715,3 +1720,10 @@ th.col12 {
 .helpDisplayButton {
     cursor: pointer;
 }
+
+/* Bannière masquable en petit écran*/
+@media screen and (max-width: 768px) {
+	.smallDisplayNone{
+		display : none;
+	}
+}

core/layout/main.php

@@ -35,7 +35,7 @@
 				<?php
 				if ( $this->getData(['theme', 'menu', 'position']) === 'top'
 					AND $this->getData(['theme', 'menu', 'fixed']) === true
-					AND $this->getUser('password') === $this->getInput('ZWII_USER_PASSWORD',true) 
+					AND $this->getUser('password') === $this->getInput('ZWII_USER_PASSWORD',true)
 					AND $this->getUser('group') > self::GROUP_MEMBER) {
 						echo '<nav id="navfixedconnected" >';
 					} else {
@@ -57,7 +57,7 @@
 		<?php endif; ?>
 		<?php if($this->getData(['theme', 'header', 'position']) === 'body'): ?>
 			<!-- Bannière dans le fond du site -->
-			<header>
+			<header <?php if($this->getData(['theme', 'header', 'smallDisplayHidden']) === true): ?>class="smallDisplayNone"<?php endif;?>>
 				<?php //$this->showi18n();?>
 				<?php
 				if ($this->getData(['theme','header','linkHomePage'])){
@@ -115,7 +115,9 @@
 				<?php
 				if ($this->getData(['theme','header','linkHomePage'])){
 				echo "<a href='" . helper::baseUrl(false) . "'>" ;}	?>
-				<header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>>
+				<header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif;
+							if($this->getData(['theme', 'header', 'smallDisplayHidden']) === true): ?>class="smallDisplayNone"<?php endif;
+						?>>
 					<div id="headerContainer" class="container">
 						<?php if(
 							$this->getData(['theme', 'header', 'textHide']) === false

core/module/theme/theme.php

@@ -440,7 +440,8 @@ class theme extends common {
 				'textHide' => $this->getInput('themeHeaderTextHide', helper::FILTER_BOOLEAN),
 				'textTransform' => $this->getInput('themeHeaderTextTransform'),
 				'linkHomePage' => $this->getInput('themeHeaderlinkHomePage',helper::FILTER_BOOLEAN),
-				'imageContainer' => $this->getInput('themeHeaderImageContainer')
+				'imageContainer' => $this->getInput('themeHeaderImageContainer'),
+				'smallDisplayHidden' => $this->getInput('themeHeaderSmallDisplayHidden', helper::FILTER_BOOLEAN)
 			]]);
 			// Modification de la position du menu selon la position de la bannière
 			if  ( $this->getData(['theme','header','position']) == 'site'  )

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

@@ -213,4 +213,12 @@ $("#themeHeaderPosition").on("change", function() {
 	}
 }).trigger("change");
 
-
+// Affiche / Cache l'option bannière masquée en écran réduit
+$("#themeHeaderPosition").on("change", function() {
+	if($(this).val() === 'hide') {
+		$("#themeHeaderSmallDisplay").slideUp();
+	}
+	else {
+		$("#themeHeaderSmallDisplay").slideDown();
+	}
+}).trigger("change");

core/module/theme/view/header/header.php

@@ -130,7 +130,11 @@
 						'checked' => $this->getData(['theme', 'header', 'margin'])
 					]); ?>
             </div>
-
+            <div id="themeHeaderSmallDisplay" class="displayNone">
+                      <?php echo template::checkbox('themeHeaderSmallDisplayHidden', true, 'Masquer la bannière en écran réduit', [
+      						'checked' => $this->getData(['theme', 'header', 'smallDisplayHidden'])
+      					]); ?>
+            </div>
         </div>
     </div>
 </div>