adding a dashed line when expandable

This commit is contained in:
Wonko T. Sane 2018-12-27 02:47:41 +01:00 committed by Igor Scheller
parent b14d352140
commit 1a5c10dd41
2 changed files with 14 additions and 4 deletions

View File

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

View File

@ -74,6 +74,7 @@ table a > .icon-icon_angel {
}
}
.stats-danger {
color: @brand-danger;
}
@ -193,10 +194,13 @@ table a > .icon-icon_angel {
z-index:0;
overflow:hidden;
position:relative;
border-bottom-width: 1px;
border-bottom-style: dashed;
}
.shift-card:hover {
overflow:visible;
z-index:100;
border: none;
}
.shift-card:hover .shift {
z-index:100;
@ -204,7 +208,13 @@ table a > .icon-icon_angel {
.shift {
margin: 0 5px 5px 0;
position: absolute;
width: 99%;
width: 100%;
}
.shift:hover {
margin: 0 5px 5px 0;
position: absolute;
width: 100%;
/*border: 1px solid;*/
}
}