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.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,
};
}

11
src/styles/gantt.css
View File

@ -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;
}

7
src/styles/light.css
View File

@ -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;