jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

fix: stylistic issue

Browse Source
This commit is contained in:
Safwan Samsudeen 2025-01-23 11:44:34 +05:30
parent 4d297bb7f8
commit 0e2c8dadbe
3 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/bar.js
View File

@ -109,11 +109,7 @@ export default class Bar {
height: this.height, height: this.height,
rx: this.corner_radius, rx: this.corner_radius,
ry: this.corner_radius, ry: this.corner_radius,
class: class: 'bar',
'bar' +
(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)
? ' safari'
: ''),
append_to: this.bar_group, append_to: this.bar_group,
}); });
if (this.task.color) this.$bar.style.fill = this.task.color; if (this.task.color) this.$bar.style.fill = this.task.color;
@ -148,13 +144,16 @@ export default class Bar {
draw_progress_bar() { draw_progress_bar() {
if (this.invalid) return; if (this.invalid) return;
this.progress_width = this.calculate_progress_width(); this.progress_width = this.calculate_progress_width();
let r = this.corner_radius;
if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent))
r = this.corner_radius + 2;
this.$bar_progress = createSVG('rect', { this.$bar_progress = createSVG('rect', {
x: this.x, x: this.x,
y: this.y, y: this.y,
width: this.progress_width, width: this.progress_width,
height: this.height, height: this.height,
rx: this.corner_radius + 2, rx: r,
ry: this.corner_radius + 2, ry: r,
class: 'bar-progress', class: 'bar-progress',
append_to: this.bar_group, append_to: this.bar_group,
}); });

3
src/styles/gantt.css
View File

@ -142,7 +142,6 @@
transition-duration: 150ms; transition-duration: 150ms;
background-color: var(--g-actions-background); background-color: var(--g-actions-background);
text-align: -webkit-center; text-align: -webkit-center;
text-align: center;
border-radius: 0.5rem; border-radius: 0.5rem;
border: none; border: none;
padding: 5px 8px; padding: 5px 8px;
@ -150,7 +149,6 @@
font-size: 14px; font-size: 14px;
letter-spacing: 0.02em; letter-spacing: 0.02em;
font-weight: 420; font-weight: 420;
height: 20px;
box-sizing: content-box; box-sizing: content-box;
margin-right: 5px; margin-right: 5px;
@ -167,7 +165,6 @@
& .side-header select { & .side-header select {
padding-right: 1.25rem; padding-right: 1.25rem;
width: 50px; width: 50px;
padding-left: 4px;
} }
& .date-range-highlight { & .date-range-highlight {

6
src/styles/light.css
View File

@ -2,8 +2,8 @@
--g-arrow-color: #1f2937; --g-arrow-color: #1f2937;
--g-bar-color: #fff; --g-bar-color: #fff;
--g-bar-border: #fff; --g-bar-border: #fff;
--g-tick-color-thick: #e2e8f0; --g-tick-color-thick: #ededed;
--g-tick-color: #f1f5f9; --g-tick-color: #f3f3f3;
--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,7 +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-row-border-color: #c7c7c7;
--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;