Fix relative z-index of spy panel and filter editor (#13717) (#13737)

* Fixes relative z-index of spy panel and filter editor

* Position sidebar above main content so collapser button remains clickable
This commit is contained in:
Matt Bargar 2017-08-29 10:45:34 -04:00 committed by GitHub
parent a00eee31dc
commit 65507ca740
3 changed files with 8 additions and 3 deletions

View file

@ -8,6 +8,7 @@
.discover-wrapper { .discover-wrapper {
padding-right: 0px !important; padding-right: 0px !important;
padding-left: @collapser-width; padding-left: @collapser-width;
z-index: @discoverWrapperDepth;
} }
.discover-content { .discover-content {

View file

@ -2,7 +2,7 @@
.collapsible-sidebar { .collapsible-sidebar {
position: relative; position: relative;
z-index: 1; z-index: @discoverSidebarDepth;
.sidebar-collapser { .sidebar-collapser {
position: absolute; position: absolute;

View file

@ -1,7 +1,11 @@
/** /**
* 1. The local nav contains tooltips which should pop over the filter bar. * 1. The local nav contains tooltips which should pop over the filter bar.
* 2. The filter and local nav components should always appear above the dashboard grid items. * 2. The filter and local nav components should always appear above the dashboard grid items.
* 3. The filter and local nav components should always appear above the discover content.
* 4. The sidebar collapser button should appear above the main Discover content but below the top elements.
*/ */
@filterBarDepth: 2; /* 1 */ @filterBarDepth: 3; /* 1 */
@localNavDepth: 3; /* 1 */ @localNavDepth: 4; /* 1 */
@dashboardGridDepth: 1; /* 2 */ @dashboardGridDepth: 1; /* 2 */
@discoverWrapperDepth: 1; /* 3 */
@discoverSidebarDepth: 2; /* 4 */