From bf0cc8c4b6fc4cb4fd7f1aa13cf1a82bd58aafff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Tempez?= <frederic.tempez@outlook.com>
Date: Thu, 3 Mar 2022 16:53:46 +0100
Subject: [PATCH] onglets de la config

---
 core/core.php                           |  2 +-
 core/module/config/view/index/index.css | 35 ++++++++++++++-----------
 core/module/config/view/index/index.php | 12 +++------
 3 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/core/core.php b/core/core.php
index c99871e5..26cf74b9 100644
--- a/core/core.php
+++ b/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;}';
diff --git a/core/module/config/view/index/index.css b/core/module/config/view/index/index.css
index 467bf1a4..e6d37ed5 100755
--- a/core/module/config/view/index/index.css
+++ b/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%);
 }
diff --git a/core/module/config/view/index/index.php b/core/module/config/view/index/index.php
index 09c9f0f8..7c858ee7 100644
--- a/core/module/config/view/index/index.php
+++ b/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'