github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix z-index and clipping of panels while dragging (#15670) (#15809)

Browse source 
* fix z-indexing so dashboard panels are below left nav when dragging

* make dragged panel be on top
This commit is contained in:
Nathan Reese 2018-01-02 10:36:43 -07:00 • committed by GitHub
parent 54676a829e
commit 8a027e8189
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/core_plugins/kibana/public/dashboard/styles/index.less
View file

@ -206,6 +206,13 @@ dashboard-viewport-provider {
transition: none;
}
/**
* Dragged panels in dashboard should always appear above other panels.
*/
.react-grid-item.react-draggable-dragging {
z-index: @dashboardDraggingGridDepth !important;
}
/**
* Overwrites red coloring that comes from this library by default.
*/

2
src/ui/public/styles/base.less
View file

@ -64,7 +64,7 @@ ul.navbar-inline li {
overflow: hidden;
> nav {
z-index: 1;
z-index: @localNavDepth;
.navbar-right {
margin-right: 0 !important;

6
src/ui/public/styles/variables/depth.less
View file

@ -3,9 +3,11 @@
* 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.
* 5. Dragged panels in dashboard should always appear above other panels.
*/
@filterBarDepth: 3; /* 1 */
@localNavDepth: 4; /* 1 */
@filterBarDepth: 4; /* 1 */
@localNavDepth: 5; /* 1 */
@dashboardGridDepth: 1; /* 2 */
@dashboardDraggingGridDepth: 2; /* 5 */
@discoverWrapperDepth: 1; /* 3 */
@discoverSidebarDepth: 2; /* 4 */