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,24 +38,25 @@ 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(
$this->renderShiftHead($shift, $class), 'shift panel panel-' . $class. '" style="position: absolute; width:99%;',
div('panel-body', [ [
$info_text, $this->renderShiftHead($shift, $class),
Room_name_render([ div('panel-body', [
'RID' => $shift['RID'], $info_text,
'Name' => $shift['room_name'] Room_name_render([
]) 'RID' => $shift['RID'],
]), 'Name' => $shift['room_name']
$shifts_row, ])
div('shift-spacer') ]),
] $shifts_row,
) 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%;
} }
} }