diff --git a/assets/css/components/menuBar.css b/assets/css/components/menuBar.css index a1154ba7..7a8549f9 100644 --- a/assets/css/components/menuBar.css +++ b/assets/css/components/menuBar.css @@ -4,9 +4,21 @@ * @author Pierre HUBERT */ +/** + * Authenticated useres + */ +header .dropdown .fa-gear { + vertical-align: middle; +} + + +/** + * Not authenticated users + */ + /** * Login form */ .menubar-loginForm .form-control { margin-right: 1px; -} \ No newline at end of file +} diff --git a/assets/js/components/menuBar/authenticated.js b/assets/js/components/menuBar/authenticated.js index d7a9f315..8b765648 100644 --- a/assets/js/components/menuBar/authenticated.js +++ b/assets/js/components/menuBar/authenticated.js @@ -40,7 +40,16 @@ ComunicWeb.components.menuBar.authenticated = { var dropdownButton = createElem("a", dropdown); dropdownButton.className = "dropdown-toggle"; dropdownButton.setAttribute("data-toggle", "dropdown"); - dropdownButton.innerHTML = "Menu"; + + //Add dropdown button icon + var dropdownButtonIcon = createElem("i", dropdownButton); + dropdownButtonIcon.className = "fa fa-gear"; + + dropdownButton.innerHTML += " "; + + //Add dropdown button arrow + var dropdownButtonArrow = createElem("span", dropdownButton); + dropdownButtonArrow.className = "caret"; //Create dropdown menu content var dropdownContent = createElem("ul", dropdown);