gantt days
This commit is contained in:
+21
-1
@@ -374,9 +374,11 @@ bz-grafloweditor .inner-console section .cols-2 input{
|
||||
|
||||
|
||||
bz-gantt{
|
||||
display: block;
|
||||
position: relative;
|
||||
--row: 25px;
|
||||
--bar-gap: 4px; /* space above & below each bar inside its row */
|
||||
--chart-left: calc(var(--tasks-width, 7em) + 1em); /* where the chart area starts */
|
||||
}
|
||||
bz-gantt ul.tasks{
|
||||
list-style: none;
|
||||
@@ -394,6 +396,24 @@ bz-gantt ul.tasks li{
|
||||
|
||||
bz-gantt.gantt bz-graflow{
|
||||
position: absolute;
|
||||
left: calc(var(--tasks-width, 7em) + 1em);
|
||||
left: var(--chart-left);
|
||||
top: calc(var(--row) + var(--bar-gap)); /* one header row (days grid) + bar centering gap */
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: auto; /* cancel the global bz-graflow 100vw/100vh defaults, */
|
||||
height: auto; /* so the box stretches between its anchored edges */
|
||||
}
|
||||
bz-gantt li.header div.day:first-of-type{ border-left: 1px dotted #555; }
|
||||
bz-gantt li.header div.day{
|
||||
position: absolute;
|
||||
/* anchored to bz-gantt (nearest positioned ancestor): spans all rows */
|
||||
top: var(--bar-gap);
|
||||
bottom: 0;
|
||||
border-right: 1px dotted #555;
|
||||
font-size: .8em;
|
||||
}
|
||||
bz-gantt li.header div.day.today{
|
||||
background: #AD8;
|
||||
z-index: 999;
|
||||
opacity: .3;
|
||||
}
|
||||
Reference in New Issue
Block a user