Permalink
Browse files

bug: z-index for DND causes hidden header

  • Loading branch information...
MikeMitterer committed Aug 14, 2015
1 parent c679603 commit b5941468a78e8dbfe3a00e31d1b607cec367f91b
Showing with 25 additions and 2 deletions.
  1. +14 −0 lib/assets/styles/dnd/_dnd.scss
  2. +10 −1 lib/assets/styles/material.css
  3. +1 −1 lib/assets/styles/material.min.css
@@ -1,3 +1,7 @@
$dnd-z-index-draggable: 100 !default;
$dnd-z-index-dragging: 101 !default;
// IMPORTANT!!!!! The D&D lib needs position: relative for "Drag-Container"
.mdl-dnd__drag-container {
position: relative;
@@ -36,8 +40,12 @@ mdl-draggable { display: block; }
// DND-Classes defined in DND lib
.dnd-draggable {
z-index: $dnd-z-index-draggable;
cursor: url(package-docroot() + "/packages/dnd/cursor/openhand.cur"), move; /* Cursor for IE. */
cursor: url(package-docroot() + "/packages/dnd/cursor/openhand.cur") 7 5, move; /* Cursor for FF and Chrome (setting midpoint). */
.debug & { border: 1px solid lightcoral; }
}
.dnd-invalid {
@@ -61,10 +69,16 @@ mdl-draggable { display: block; }
.dnd-dragging {
opacity: 0.5;
z-index: $dnd-z-index-dragging;
.debug & { border: 1px solid cyan; }
}
.dnd-dragging, .dnd-drag-occurring {
cursor: url(package-docroot() + "/packages/dnd/cursor/closedhand.cur"), move; /* Cursor for IE. */
cursor: url(package-docroot() + "/packages/dnd/cursor/closedhand.cur") 7 5, move; /* Cursor for FF and Chrome (setting midpoint). */
}
.debug.dnd-drag-occurring {
border: 1px solid orange;
}
@@ -7257,10 +7257,13 @@ mdl-draggable {
transform: translateX(0); } }
.dnd-draggable {
z-index: 100;
cursor: url("../../../../packages/dnd/cursor/openhand.cur"), move;
/* Cursor for IE. */
cursor: url("../../../../packages/dnd/cursor/openhand.cur") 7 5, move;
/* Cursor for FF and Chrome (setting midpoint). */ }
.debug .dnd-draggable {
border: 1px solid lightcoral; }
.dnd-invalid {
-webkit-animation: swing 1s ease;
@@ -7279,14 +7282,20 @@ mdl-draggable {
background-color: rgba(149, 255, 149, 0.6) !important; }
.dnd-dragging {
opacity: 0.5; }
opacity: 0.5;
z-index: 101; }
.debug .dnd-dragging {
border: 1px solid cyan; }
.dnd-dragging, .dnd-drag-occurring {
cursor: url("../../../../packages/dnd/cursor/closedhand.cur"), move;
/* Cursor for IE. */
cursor: url("../../../../packages/dnd/cursor/closedhand.cur") 7 5, move;
/* Cursor for FF and Chrome (setting midpoint). */ }
.debug.dnd-drag-occurring {
border: 1px solid orange; }
/**
* Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
* IT-Consulting and Development Limited.

Large diffs are not rendered by default.

Oops, something went wrong.

0 comments on commit b594146

Please sign in to comment.