Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-26 22:09:21 +00:00
Code Issues Projects Releases Wiki Activity

Improved search form responsive mode.

Browse Source
This commit is contained in:
Pierre HUBERT 2018-08-01 06:44:01 +02:00
parent c98683e573
commit 837bc35a6b
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/js/components/menuBar/authenticated.js
View File

@ -199,9 +199,10 @@ ComunicWeb.components.menuBar.authenticated = {
* @return {HTMLElement} The user element * @return {HTMLElement} The user element
*/ */
addSearchForm: function(navbarElem){ addSearchForm: function(navbarElem){
//Create form element
//Create form element (large screens)
var searchForm = createElem("li", navbarElem); var searchForm = createElem("li", navbarElem);
searchForm.className = "dropdown navbar-form navbar-left messages-menu"; searchForm.className = "dropdown navbar-form navbar-left messages-menu hidden-xs";
searchForm.setAttribute("role", "search"); searchForm.setAttribute("role", "search");
//Create form group //Create form group
@ -221,5 +222,23 @@ ComunicWeb.components.menuBar.authenticated = {
//Initializate menu //Initializate menu
ComunicWeb.components.search.form.init(searchInput, dropdownContainer); ComunicWeb.components.search.form.init(searchInput, dropdownContainer);
//Create search link (small screen)
var searchLinkLi = createElem2({
appendTo: navbarElem,
type: "li",
class: "navbar-left messages-menu visible-xs"
});
var searchLink = createElem2({
appendTo: searchLinkLi,
type: "a",
innerHTML: "Search"
});
searchLink.addEventListener("click", function(){
openPage("search");
});
} }
}; };