gantt days

This commit is contained in:
STEINNI
2026-08-29 14:43:51 +00:00
parent 5a8f93e376
commit 4625067352
3 changed files with 57 additions and 13 deletions
+21 -1
View File
@@ -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;
}