2
0
forked from Wavyzz/dolibarr

Merge pull request #10780 from atm-john/theme_sidebarr_toggle

NEW/FIX Theme sidebarr toggle
This commit is contained in:
Laurent Destailleur
2019-03-15 19:41:39 +01:00
committed by GitHub
4 changed files with 43 additions and 13 deletions

View File

@@ -7191,11 +7191,10 @@ function printCommonFooter($zone = 'private')
{
print "\n";
print '/* JS CODE TO ENABLE to manage handler to switch left menu page (menuhider) */'."\n";
print 'jQuery(".menuhider").click(function() {';
print 'jQuery(".menuhider").click(function(event) {';
print ' if(!$( "body" ).hasClass( "sidebar-collapse" )){ event.preventDefault(); }'."\n";
print ' console.log("We click on .menuhider");'."\n";
//print " $('.side-nav').animate({width:'toggle'},200);\n"; // OK with eldy theme but not with md
print " $('.side-nav').toggle()\n";
print " $('.login_block').toggle()\n";
print " $('body').toggleClass('sidebar-collapse')\n";
print '});'."\n";
}

View File

@@ -1096,6 +1096,10 @@ if (! function_exists("llxHeader"))
// html header
top_htmlhead($head, $title, $disablejs, $disablehead, $arrayofjs, $arrayofcss);
if ($conf->browser->layout == 'phone'){
$morecssonbody.= ' sidebar-collapse';
}
print '<body id="mainbody"'.($morecssonbody?' class="'.$morecssonbody.'"':'').'>' . "\n";
// top menu and left menu area

View File

@@ -963,7 +963,13 @@ td.showDragHandle {
border-right: 1px solid #d0d0d0;
box-shadow: 3px 0 6px -2px #eee;
background: rgb(<?php echo $colorbackvmenu1; ?>);
transition: left 0.5s ease;
}
body.sidebar-collapse .side-nav {
display: none;
}
div.blockvmenulogo
{
border-bottom: 0 !important;
@@ -1006,11 +1012,8 @@ div.vmenu, td.vmenu {
background: #FFF;
padding-left: 20px;
padding-right: 20px;
}
.side-nav {
position: absolute;
z-index: 90;
display: none;
}
div.blockvmenulogo
{

View File

@@ -1196,9 +1196,33 @@ td.showDragHandle {
<?php } ?>
<?php } ?>
}
/*
* Slide animation
*/
.side-nav-vert, #id-right {
transition: padding-left 0.5s ease, margin-left 0.5s ease;
}
.side-nav, .login_block {
transition: left 0.5s ease;
}
body.sidebar-collapse .side-nav-vert, body.sidebar-collapse #id-right {
margin-left: 0;padding-left:0
}
.side-nav-vert {
margin-left: 228px;
}
body.sidebar-collapse .side-nav, body.sidebar-collapse .login_block {
<?php if (in_array($conf->browser->layout, array('phone','tablet')) && ((GETPOST('testmenuhider') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
left: -240px;
<?php } else { ?>
left: -229px;
<?php } ?>
}
<?php if (empty($conf->global->THEME_DISABLE_STICKY_TOPMENU)) { ?>
.side-nav-vert {
position: sticky;
@@ -1225,13 +1249,13 @@ div.login_block {
overflow-x: initial !important;
overflow-y: scroll;
<?php } ?>
display: none;
display: block;
position: auto;
top: auto;
z-index: 90;
position: relative;
}
div.backgroundsemitransparent {
background:rgba(255,255,255,0.6);
padding-left: 10px;
@@ -1244,7 +1268,7 @@ div.backgroundsemitransparent {
div.login_block {
/* position: initial !important;*/
display: none;
/*display: none;*/
}
.login_block_getinfo {
text-align: center;