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 [
$blocks,
div(
'shift panel panel-' . $class . '" '
. 'style="height: '
div( 'shift-card "style="height: '
. ($blocks * ShiftCalendarRenderer::BLOCK_HEIGHT - ShiftCalendarRenderer::MARGIN)
. 'px"',
[
$this->renderShiftHead($shift, $class),
div('panel-body', [
$info_text,
Room_name_render([
'RID' => $shift['RID'],
'Name' => $shift['room_name']
])
]),
$shifts_row,
div('shift-spacer')
]
)
. 'px;}"',
div(
'shift panel panel-' . $class. '" style="position: absolute; width:99%;',
[
$this->renderShiftHead($shift, $class),
div('panel-body', [
$info_text,
Room_name_render([
'RID' => $shift['RID'],
'Name' => $shift['room_name']
])
]),
$shifts_row,
div('shift-spacer')
]
)
)
];
}

View File

@ -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%;
}
}