diff --git a/src/index.js b/src/index.js index 2f92243..6602861 100644 --- a/src/index.js +++ b/src/index.js @@ -240,7 +240,7 @@ export default class Gantt { this.setup_dates(maintain_pos); this.render(); if (maintain_pos) { - this.$container.scrollLeft =old_pos; + this.$container.scrollLeft = old_pos; this.options.scroll_to = old_scroll_op; } this.trigger_event('view_change', [mode]); @@ -846,7 +846,7 @@ export default class Gantt { last_date, this.options.language, ), - upper_y: 15, + upper_y: 17, lower_y: this.options.upper_header_height + 5, }; } diff --git a/src/styles/gantt.css b/src/styles/gantt.css index e5ba2a1..5d5da89 100644 --- a/src/styles/gantt.css +++ b/src/styles/gantt.css @@ -75,6 +75,7 @@ position: sticky; top: 0; left: 0; + border-bottom: 1px solid var(--g-row-border-color); z-index: 1000; } @@ -106,7 +107,7 @@ position: absolute; width: fit-content; font-weight: 500; - font-size: 16px; + font-size: 14px; color: var(--g-text-dark); height: calc(var(--gv-lower-header-height) * 0.66); } @@ -114,7 +115,7 @@ & .current-upper { position: sticky; left: 0 !important; - padding: 0 15px; + padding-left: 17px; background: white; } @@ -129,9 +130,10 @@ font-weight: 400; width: max-content; margin-left: auto; - padding-right: 15px; + padding-right: 10px; padding-top: 10px; background: var(--g-header-background); + display: flex; } & .side-header * { @@ -145,7 +147,6 @@ border: none; padding: 5px 8px; color: var(--g-text-dark); - position: sticky; font-size: 14px; letter-spacing: 0.02em; font-weight: 420; @@ -325,7 +326,7 @@ cursor: pointer; & .bar { - outline: 1px solid black; + outline: 1px solid var(--g-row-border-color); border-radius: 3px; } diff --git a/src/styles/light.css b/src/styles/light.css index 1b3d7c8..1b1be11 100644 --- a/src/styles/light.css +++ b/src/styles/light.css @@ -1,9 +1,9 @@ :root { - --g-arrow-color: #d7b15b; + --g-arrow-color: #1f2937; --g-bar-color: #fff; --g-bar-border: #fff; - --g-tick-color-thick: #e0e0e0; - --g-tick-color: #ebeef0; + --g-tick-color-thick: #e2e8f0; + --g-tick-color: #f1f5f9; --g-actions-background: #f3f3f3; --g-border-color: #ebeff2; --g-text-muted: #7c7c7c; @@ -15,6 +15,7 @@ --g-expected-progress: #c4c4e9; --g-header-background: #fff; --g-row-color: #fdfdfd; + --g-row-border-color: #cbd5e1; --g-today-highlight: #37352f; --g-popup-actions: #ebeff2; --g-weekend-highlight-color: #f7f7f7;