onglets de la config

core/core.php

@@ -2564,7 +2564,7 @@ class core extends common {
 			$colors = helper::colorVariants($this->getData(['admin','backgroundColorButtonGreen']));
 			$css .= '.button.buttonGreen, button[type=submit] {background-color: ' . $colors['normal'] . ';color: ' . $colors['text'] . ';}.button.buttonGreen:hover, button[type=submit]:hover {background-color: ' . $colors['darken'] . ';color: ' . $colors['text']  .';}.button.buttonGreen:active, button[type=submit]:active {background-color: ' . $colors['darken'] . ';color: ' .$colors['text']   .';}';
 			$colors = helper::colorVariants($this->getData(['admin','backgroundBlockColor']));
-			$css .= '.block {border: 1px solid ' . $this->getData(['admin','borderBlockColor']) . ';}.block h4 {background-color: ' . $colors['normal'] . ';color:' . $colors['text'] . ';}';
+			$css .= '.buttonTab, .block {border: 1px solid ' . $this->getData(['admin','borderBlockColor']) . ';}.buttonTab, .block h4 {background-color: ' . $colors['normal'] . ';color:' . $colors['text'] . ';}';
 			$css .= 'table tr,input[type=email],input[type=text],input[type=password],select:not(#barSelectPage),textarea:not(.editorWysiwyg),.inputFile{background-color: ' . $colors['normal'] . ';color:' . $colors['text'] . ';border: 1px solid ' . $this->getData(['admin','borderBlockColor']) . ';}';
 			// Bordure du contour TinyMCE
 			$css .= '.mce-tinymce{border: 1px solid '. $this->getData(['admin','borderBlockColor']) . '!important;}';

core/module/config/view/index/index.css

@@ -21,13 +21,6 @@
     display: block;
 }
 
-.activeButton {
-
-    filter : brightness(180%);
-}
-.buttonTab:hover {
-    filter : brightness(140%);
-}
 
 .buttonNotice {
     border: 2px solid red !important;
@@ -36,16 +29,28 @@
 
 /* Style the tab */
 .tab {
+    margin-top: 1.8em;
     overflow: hidden;
-    display: inline-block;
-  }
+    text-align: center;
+}
 
+.tab ~ .tabContent {
+    margin-top: -10px;
+}
 
 .buttonTab {
-float: left;
-transition: 0.3s;
-border-radius: 10px 10px 0px 0px;
-width: 160px;
-/*background-color: #ccc;*/
-margin: 0 1px;
+    display: inline-block;
+    transition: 0.3s;
+    border-radius: 10px 10px 0px 0px;
+    width: 160px;
+    margin: 0 1px;
+}
+
+.buttonTab:hover {
+    filter : brightness(140%);
+}
+
+.activeButton {
+
+    filter : brightness(70%);
 }

core/module/config/view/index/index.php

@@ -26,26 +26,22 @@
         'value' => 'Configuration',
         'class' => 'buttonTab'
     ]); ?>
-</div>
-<div class="tab">
+
     <?php echo template::button('configLocaleButton', [
         'value' => 'Localisation',
         'class' => 'buttonTab'
     ]); ?>
-</div>
-<div class="tab">
+
     <?php echo template::button('configSocialButton', [
         'value' => 'Référencement',
         'class' => 'buttonTab'
     ]); ?>
-</div>
-<div class="tab">
+
     <?php echo template::button('configConnectButton', [
         'value' => 'Connexion',
         'class' => 'buttonTab'
     ]); ?>
-</div>
-<div class="tab">
+
     <?php echo template::button('configNetworkButton', [
         'value' => 'Réseau',
         'class' => 'buttonTab'