From 56a40c7de8065021eddc1ea684f7ceaea90988c2 Mon Sep 17 00:00:00 2001 From: John BOTELLA Date: Fri, 8 Mar 2019 14:06:37 +0100 Subject: [PATCH] Fix sidebar collapse behavior --- htdocs/main.inc.php | 4 +++ htdocs/theme/eldy/style.css.php | 4 +-- htdocs/theme/md/style.css.php | 53 +++++++++++++++++---------------- 3 files changed, 32 insertions(+), 29 deletions(-) diff --git a/htdocs/main.inc.php b/htdocs/main.inc.php index 70571964162..4f4dcd9a092 100644 --- a/htdocs/main.inc.php +++ b/htdocs/main.inc.php @@ -1095,6 +1095,10 @@ if (! function_exists("llxHeader")) // html header top_htmlhead($head, $title, $disablejs, $disablehead, $arrayofjs, $arrayofcss); + if ($conf->browser->layout == 'phone'){ + $morecssonbody.= ' sidebar-collapse'; + } + print '' . "\n"; // top menu and left menu area diff --git a/htdocs/theme/eldy/style.css.php b/htdocs/theme/eldy/style.css.php index 076d2797f08..3793db64a61 100644 --- a/htdocs/theme/eldy/style.css.php +++ b/htdocs/theme/eldy/style.css.php @@ -1220,6 +1220,7 @@ td.showDragHandle { border-right: 1px solid #d0d0d0; box-shadow: 3px 0 6px -2px #eee; background: rgb(); + transition: left 0.5s ease; } body.sidebar-collapse .side-nav { @@ -1268,11 +1269,8 @@ div.vmenu, td.vmenu { background: #FFF; padding-left: 20px; padding-right: 20px; -} -.side-nav { position: absolute; z-index: 90; - display: none; } div.blockvmenulogo { diff --git a/htdocs/theme/md/style.css.php b/htdocs/theme/md/style.css.php index c8cce686e34..8af835b44bb 100644 --- a/htdocs/theme/md/style.css.php +++ b/htdocs/theme/md/style.css.php @@ -1210,9 +1210,33 @@ td.showDragHandle { } + +/* +* 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 { +browser->layout, array('phone','tablet')) && ((GETPOST('testmenuhider') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?> + left: -240px; + + left: -229px; + +} global->THEME_DISABLE_STICKY_TOPMENU)) { ?> .side-nav-vert { position: sticky; @@ -1239,11 +1263,9 @@ div.login_block { overflow-x: initial !important; overflow-y: scroll; - display: none; + display: block; - position: auto; - top: auto; - z-index: 90; + position: relative; } @@ -1260,7 +1282,7 @@ div.backgroundsemitransparent { div.login_block { /* position: initial !important;*/ - display: none; + /*display: none;*/ } .login_block_getinfo { text-align: center; @@ -5718,27 +5740,6 @@ border-top-right-radius: 6px; } -/* -* 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, body.sidebar-collapse .login_block { - left: -228px; -} - -body.sidebar-collapse .side-nav-vert, body.sidebar-collapse #id-right { - margin-left: 0;padding-left:0 -} close();