Alignement du menu centré

This commit is contained in:
Fred Tempez 2020-11-01 08:51:23 +01:00
parent ca8b3e8d7b
commit 6180b903c9
3 changed files with 11 additions and 6 deletions

View File

@ -1597,7 +1597,7 @@ class core extends common {
} }
$css .= 'nav #burgerText{color:' . $colors['text'] . '}'; $css .= 'nav #burgerText{color:' . $colors['text'] . '}';
$css .= 'nav .navLevel1 a.active {border-radius:' . $this->getData(['theme', 'menu', 'radius']) . '}'; $css .= 'nav .navLevel1 a.active {border-radius:' . $this->getData(['theme', 'menu', 'radius']) . '}';
$css .= '#menuLeft{float:' . $this->getData(['theme', 'menu', 'textAlign']) . '}'; $css .= '#menu{text-align:' . $this->getData(['theme', 'menu', 'textAlign']) . '}';
if($this->getData(['theme', 'menu', 'margin'])) { if($this->getData(['theme', 'menu', 'margin'])) {
if( if(
$this->getData(['theme', 'menu', 'position']) === 'site-first' $this->getData(['theme', 'menu', 'position']) === 'site-first'

View File

@ -522,20 +522,25 @@ nav a:hover {
text-decoration: none; text-decoration: none;
} }
nav #menuLeft {
/* Barre de menu */
#menuLeft {
display: inline-flex; display: inline-flex;
/*float: left;*/
} }
nav #menuRight {
display: inline-flex; #menuRight {
display: inline-flex ;
float: right; float: right;
} }
/* fin barre de menu */ /* fin barre de menu */
nav::after { nav::after {
content: " "; content: " ";
clear: both; clear: both;
display: flex; display: flex;
} }
nav::before { nav::before {
content: " "; content: " ";
clear: left; clear: left;

View File

@ -54,7 +54,7 @@ $("input, select").on("change", function() {
// Taille, hauteur, épaisseur et capitalisation de caractères du menu // Taille, hauteur, épaisseur et capitalisation de caractères du menu
css += "#toggle span,#menu a{padding:" + $("#themeMenuHeight").val() + ";font-family:'" + menuFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeMenuFontWeight").val() + ";font-size:" + $("#themeMenuFontSize").val() + ";text-transform:" + $("#themeMenuTextTransform").val() + "}"; css += "#toggle span,#menu a{padding:" + $("#themeMenuHeight").val() + ";font-family:'" + menuFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeMenuFontWeight").val() + ";font-size:" + $("#themeMenuFontSize").val() + ";text-transform:" + $("#themeMenuTextTransform").val() + "}";
// Alignement du menu // Alignement du menu
css += "#menuLeft{float:" + $("#themeMenuTextAlign").val() + "}"; css += "#menu{text-align:" + $("#themeMenuTextAlign").val() + "}";
// Marge // Marge
if($("#themeMenuMargin").is(":checked")) { if($("#themeMenuMargin").is(":checked")) {
if( if(