diff --git a/core/modules/toolbar/config/toolbar.breakpoints.yml b/core/modules/toolbar/config/toolbar.breakpoints.yml index 0cae5cc..1acf114 100755 --- a/core/modules/toolbar/config/toolbar.breakpoints.yml +++ b/core/modules/toolbar/config/toolbar.breakpoints.yml @@ -1 +1 @@ -wide: 'all and (min-width: 60em)' +wide: 'all and (min-width: 50em)' diff --git a/core/modules/toolbar/css/toolbar.base.css b/core/modules/toolbar/css/toolbar.base.css index 9dbf8d1..d2511ff 100644 --- a/core/modules/toolbar/css/toolbar.base.css +++ b/core/modules/toolbar/css/toolbar.base.css @@ -42,7 +42,7 @@ body.toolbar-tray-open { position: absolute; right: 0; top: 0; - z-index: 600; + z-index: 750; } .toolbar-main .bar li { display: block; @@ -67,21 +67,20 @@ body.toolbar-tray-open { display: none; overflow-x: hidden; overflow-y: auto; + width: 100%; + z-index: 250; } .toolbar-main .tray.vertical { bottom: 0; height: 100%; left: -100%; position: absolute; - width: 100%; - z-index: 600; } .toolbar-main .tray.horizontal { left: 0; /* LTR */ height: 0; position: absolute; - width: 100%; - z-index: 600; + z-index: 750; } .toolar-main .tray .lining { position: relative; @@ -121,9 +120,6 @@ body.toolbar-tray-open { */ @media screen and (min-width: 28.125em) { body.toolbar-tray-open.toolbar-vertical { - overflow: auto; - } - body.toolbar-tray-open.toolbar-vertical { padding-left: 240px; padding-left: 15rem; } diff --git a/core/modules/toolbar/js/toolbar.js b/core/modules/toolbar/js/toolbar.js index c7bde50..e2cdee5 100755 --- a/core/modules/toolbar/js/toolbar.js +++ b/core/modules/toolbar/js/toolbar.js @@ -139,6 +139,7 @@ $.extend(ToolBar.prototype, { // Alter the padding on the top of the body element. $('body').css('padding-top', height); $(document).trigger('offsettopchange', height); + $(window).triggerHandler('resize'); } }, /**