From 11ff30cfdc1363efc27fc41a9dba2eacbda0dbba Mon Sep 17 00:00:00 2001 From: Toby Zerner Date: Thu, 3 Dec 2015 15:02:07 +1030 Subject: [PATCH] Tweak admin side-pane styles Position the side-pane absolutely when scrolled to the top so that it does not disjoin from the header in Safari. --- framework/core/less/admin/AdminNav.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/framework/core/less/admin/AdminNav.less b/framework/core/less/admin/AdminNav.less index 4b8975897..c0770ac64 100644 --- a/framework/core/less/admin/AdminNav.less +++ b/framework/core/less/admin/AdminNav.less @@ -14,15 +14,21 @@ } @media @desktop, @desktop-hd { .App-nav { - position: fixed; + position: absolute; top: @header-height; - bottom: 0; + height: ~"calc(100vh - @{header-height})"; width: @admin-pane-width; .box-shadow(0 6px 6px @shadow-color); background: @body-bg; border-top: 1px solid @control-bg; z-index: @zindex-pane; overflow: auto; + + .affix & { + position: fixed; + bottom: 0; + height: auto; + } } .App-content .sideNavOffset { margin-left: @admin-pane-width;