diff --git a/core/client/assets/sass/components/navigation.scss b/core/client/assets/sass/components/navigation.scss index 49e1faf793..1f2ae31f6b 100644 --- a/core/client/assets/sass/components/navigation.scss +++ b/core/client/assets/sass/components/navigation.scss @@ -162,23 +162,6 @@ }//.user-menu -body.right-outlet-expanded & { - .global-nav { - z-index: 700; - } - - .nav-cover { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 700; - transition: transform $side-outlet-transition-duration cubic-bezier(0.1, 0.7, 0.1, 1); - transform: translate3d(-350px, 0px, 0px); - } -} - // // Mobile diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss index 6c0d42b79c..507ce99426 100644 --- a/core/client/assets/sass/layouts/editor.scss +++ b/core/client/assets/sass/layouts/editor.scss @@ -669,6 +669,20 @@ body.zen { // Post Settings Menu // -------------------------------------------------- + body.right-outlet-expanded { + + .editor-cover { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 600; + transition: transform $side-outlet-transition-duration cubic-bezier(0.1, 0.7, 0.1, 1); + transform: translate3d(-350px, 0px, 0px); // Not off the screen, to give a parallax effect + }//.editor-cover +}//body.right-outlet-expanded + .post-settings { @include icon($i-settings, 14px); display: inline-block; diff --git a/core/client/templates/post-settings-menu.hbs b/core/client/templates/post-settings-menu.hbs index 54f7d86c49..b8d43dcd17 100644 --- a/core/client/templates/post-settings-menu.hbs +++ b/core/client/templates/post-settings-menu.hbs @@ -1,4 +1,4 @@ - +