Fix for #526

Implementation idea stolen from http://jsfiddle.net/6K7t4/24/

includes/view/ShiftCalendarShiftRenderer.php

@@ -38,11 +38,11 @@ class ShiftCalendarShiftRenderer
 
         return [
             $blocks,
-            div(
+            div( 'shift-card "style="height: '
-                'shift panel panel-' . $class . '" '
-                . 'style="height: '
                 . ($blocks * ShiftCalendarRenderer::BLOCK_HEIGHT - ShiftCalendarRenderer::MARGIN)
-                . 'px"',
+                . 'px;}"',
+                div(
+                    'shift panel panel-' . $class. '" style="position: absolute; width:99%;',
                     [
                         $this->renderShiftHead($shift, $class),
                         div('panel-body', [
@@ -56,6 +56,7 @@ class ShiftCalendarShiftRenderer
                         div('shift-spacer')
                     ]
                 )
+            )        
         ];
     }
 

resources/assets/themes/base.less

@@ -189,10 +189,22 @@ table a > .icon-icon_angel {
     width: 50px;
     flex-shrink: 0;
   }
-
+  .shift-card {
+	  z-index:0;
+	  overflow:hidden;
+	  position:relative;
+  }
+  .shift-card:hover {
+	  overflow:visible;
+	  z-index:100;
+  }
+  .shift-card:hover .shift {
+  	 z-index:100;
+  }
   .shift {
     margin: 0 5px 5px 0;
-    overflow: hidden;
+    position: absolute;
+    width: 99%;
   }
 }