Implementation idea stolen from http://jsfiddle.net/6K7t4/24/
This commit is contained in:
Wonko T. Sane 2018-12-21 16:18:47 +01:00 committed by Igor Scheller
parent 5ec0d7209e
commit b14d352140
2 changed files with 32 additions and 19 deletions

View File

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

View File

@ -189,10 +189,22 @@ table a > .icon-icon_angel {
width: 50px; width: 50px;
flex-shrink: 0; 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 { .shift {
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
overflow: hidden; position: absolute;
width: 99%;
} }
} }