fix: handle bar styling so they can actually be used
This commit is contained in:
parent
90a06019ce
commit
edaead1d8f
1 changed files with 6 additions and 20 deletions
|
@ -121,7 +121,7 @@ function mapGanttBars() {
|
||||||
style: {
|
style: {
|
||||||
color: t.startDate ? (colorIsDark(t.getHexColor()) ? black : 'white') : black,
|
color: t.startDate ? (colorIsDark(t.getHexColor()) ? black : 'white') : black,
|
||||||
backgroundColor: t.startDate ? t.getHexColor() : 'var(--grey-100)',
|
backgroundColor: t.startDate ? t.getHexColor() : 'var(--grey-100)',
|
||||||
border: t.startDate ? '': '2px dashed var(--grey-300)',
|
border: t.startDate ? '' : '2px dashed var(--grey-300)',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}]))
|
}]))
|
||||||
|
@ -291,21 +291,11 @@ function dayIsToday(label: string): boolean {
|
||||||
|
|
||||||
&-handle-left,
|
&-handle-left,
|
||||||
&-handle-right {
|
&-handle-right {
|
||||||
width: 8px !important;
|
width: 6px !important;
|
||||||
height: 8px !important;
|
height: 75% !important;
|
||||||
top: 50% !important;
|
opacity: .75 !important;
|
||||||
transform: translateY(-50%);
|
border-radius: $radius !important;
|
||||||
background: var(--white);
|
margin-top: 4px;
|
||||||
border: 1px solid var(--grey-900);
|
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-handle-left {
|
|
||||||
margin-left: -4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-handle-right {
|
|
||||||
margin-right: -4px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -313,10 +303,6 @@ function dayIsToday(label: string): boolean {
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.gantt-container {
|
.gantt-container {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
||||||
#g-gantt-chart {
|
|
||||||
width: 2000px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-new-task {
|
.add-new-task {
|
||||||
|
|
Loading…
Add table
Reference in a new issue