jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

fix: improved ui

Browse Source
This commit is contained in:
Safwan Samsudeen 2025-01-22 13:01:26 +05:30
parent d53266f96c
commit 4d297bb7f8
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.js
View File

@ -240,7 +240,7 @@ export default class Gantt {
this.setup_dates(maintain_pos); this.setup_dates(maintain_pos);
this.render(); this.render();
if (maintain_pos) { if (maintain_pos) {
this.$container.scrollLeft =old_pos; this.$container.scrollLeft = old_pos;
this.options.scroll_to = old_scroll_op; this.options.scroll_to = old_scroll_op;
} }
this.trigger_event('view_change', [mode]); this.trigger_event('view_change', [mode]);
@ -846,7 +846,7 @@ export default class Gantt {
last_date, last_date,
this.options.language, this.options.language,
), ),
upper_y: 15, upper_y: 17,
lower_y: this.options.upper_header_height + 5, lower_y: this.options.upper_header_height + 5,
}; };
} }

11
src/styles/gantt.css
View File

@ -75,6 +75,7 @@
position: sticky; position: sticky;
top: 0; top: 0;
left: 0; left: 0;
border-bottom: 1px solid var(--g-row-border-color);
z-index: 1000; z-index: 1000;
} }
@ -106,7 +107,7 @@
position: absolute; position: absolute;
width: fit-content; width: fit-content;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 14px;
color: var(--g-text-dark); color: var(--g-text-dark);
height: calc(var(--gv-lower-header-height) * 0.66); height: calc(var(--gv-lower-header-height) * 0.66);
} }
@ -114,7 +115,7 @@
& .current-upper { & .current-upper {
position: sticky; position: sticky;
left: 0 !important; left: 0 !important;
padding: 0 15px; padding-left: 17px;
background: white; background: white;
} }
@ -129,9 +130,10 @@
font-weight: 400; font-weight: 400;
width: max-content; width: max-content;
margin-left: auto; margin-left: auto;
padding-right: 15px; padding-right: 10px;
padding-top: 10px; padding-top: 10px;
background: var(--g-header-background); background: var(--g-header-background);
display: flex;
} }
& .side-header * { & .side-header * {
@ -145,7 +147,6 @@
border: none; border: none;
padding: 5px 8px; padding: 5px 8px;
color: var(--g-text-dark); color: var(--g-text-dark);
position: sticky;
font-size: 14px; font-size: 14px;
letter-spacing: 0.02em; letter-spacing: 0.02em;
font-weight: 420; font-weight: 420;
@ -325,7 +326,7 @@
cursor: pointer; cursor: pointer;
& .bar { & .bar {
outline: 1px solid black; outline: 1px solid var(--g-row-border-color);
border-radius: 3px; border-radius: 3px;
} }

7
src/styles/light.css
View File

@ -1,9 +1,9 @@
:root { :root {
--g-arrow-color: #d7b15b; --g-arrow-color: #1f2937;
--g-bar-color: #fff; --g-bar-color: #fff;
--g-bar-border: #fff; --g-bar-border: #fff;
--g-tick-color-thick: #e0e0e0; --g-tick-color-thick: #e2e8f0;
--g-tick-color: #ebeef0; --g-tick-color: #f1f5f9;
--g-actions-background: #f3f3f3; --g-actions-background: #f3f3f3;
--g-border-color: #ebeff2; --g-border-color: #ebeff2;
--g-text-muted: #7c7c7c; --g-text-muted: #7c7c7c;
@ -15,6 +15,7 @@
--g-expected-progress: #c4c4e9; --g-expected-progress: #c4c4e9;
--g-header-background: #fff; --g-header-background: #fff;
--g-row-color: #fdfdfd; --g-row-color: #fdfdfd;
--g-row-border-color: #cbd5e1;
--g-today-highlight: #37352f; --g-today-highlight: #37352f;
--g-popup-actions: #ebeff2; --g-popup-actions: #ebeff2;
--g-weekend-highlight-color: #f7f7f7; --g-weekend-highlight-color: #f7f7f7;