tabbar: more responsive through flexmenu.js

This commit is contained in:
rabuzarus 2016-04-27 19:45:07 +02:00
parent 6cca98f9c2
commit 551cc39385
8 changed files with 496 additions and 43 deletions

View file

@ -44,10 +44,21 @@ $(document).ready(function(){
$(".field.select, .field.custom").addClass("form-group");
$(".field.select > select, .field.custom > select").addClass("form-control");
if( $("ul.tabs")) {
$("ul.tabs").appendTo("#topbar-second > .container > #tabmenu");
// move the tabbar to the second nav bar
if( $("ul.tabbar")) {
$("ul.tabbar").appendTo("#topbar-second > .container > #tabmenu");
}
// make responsive tabmenu with flexmenu.js
// the menupoints which doesn't fit in the second nav bar will moved to a
// dropdown menu. Look at common_tabs.tpl
$("ul.tabs.flex-nav").flexMenu({
'cutoff': 2,
'popupClass': "dropdown-menu pull-right",
'popupAbsolute': false,
'target': ".flex-target"
});
// add Jot botton to the scecond navbar
if( $("section #jotOpen")) {
$("section #jotOpen").appendTo("#topbar-second > .container > #navbar-button");
@ -59,6 +70,10 @@ $(document).ready(function(){
$(".search-headding").appendTo("#topbar-second > .container > #tabmenu");
}
//$('ul.flex-nav').flexMenu();
// initialize the bootstrap tooltips
$('[data-toggle="tooltip"]').tooltip({
animation: true,