diff --git a/less/dashboard.less b/less/dashboard.less index bbeab06..20f6ea8 100644 --- a/less/dashboard.less +++ b/less/dashboard.less @@ -231,8 +231,11 @@ .sidebar_main_swipe { #sidebar_main { + height: calc(100vh - @dashboard-header-height); + position: relative; + #sidebar_toggle { - position: fixed; + position: absolute; z-index: @dashboard-z-index + 1; top: @dashboard-sidebar-toggle-top; left: @dashboard-sidebar-width; @@ -272,14 +275,14 @@ #sidebar_content { width: @dashboard-sidebar-width; - position: fixed; + position: absolute; top: 0; bottom: 0; left: 0; - padding-top: @dashboard-header-height; z-index: @dashboard-z-index; background: @dashboard-sidebar-background; - border-right: @dashboard-sidebar-border-width solid @dashboard-sidebar-border; + border: @dashboard-sidebar-border-width solid @dashboard-sidebar-border; + border-left: none; transition: width @dashboard-transition-delay linear; -webkit-transition: width @dashboard-transition-delay linear; -moz-transition: width @dashboard-transition-delay linear; @@ -289,6 +292,8 @@ } @{dashboard-pages}, @{dashboard-elements} { + width: 100vw; + box-sizing: border-box; padding-left: @dashboard-sidebar-width; transition: padding-left @dashboard-transition-delay linear; -webkit-transition: padding-left @dashboard-transition-delay linear;