jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

fix: correct safari bug

Browse Source
This commit is contained in:
Safwan Samsudeen 2024-04-30 06:49:49 +05:30
parent a65bcff5c1
commit e151483f6d
8 changed files with 35 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.babelrc
View File

@ -1,3 +0,0 @@
{
"presets": ["env"]
}

2
dist/frappe-gantt.js vendored
View File

@ -281,7 +281,7 @@ class C {
height: this.height, height: this.height,
rx: this.corner_radius, rx: this.corner_radius,
ry: this.corner_radius, ry: this.corner_radius,
class: "bar", class: "bar" + (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !this.task.important ? " safari" : ""),
append_to: this.bar_group append_to: this.bar_group
}), S(this.$bar, "width", 0, this.width), this.invalid && this.$bar.classList.add("bar-invalid"); }), S(this.$bar, "width", 0, this.width), this.invalid && this.$bar.classList.add("bar-invalid");
} }

12
dist/frappe-gantt.umd.cjs vendored
View File

File diff suppressed because one or more lines are too long

2
dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

2
index.html
View File

@ -31,7 +31,7 @@
<h2 class="heading"> <h2 class="heading">
Interactive Gantt Chart entirely made in SVG! Interactive Gantt Chart entirely made in SVG!
</h2> </h2>
<div class="gantt-target dark"></div> <div class="gantt-target"></div>
</div> </div>
<script type="module"> <script type="module">
import Gantt from "/dist/frappe-gantt.js"; import Gantt from "/dist/frappe-gantt.js";

3
src/bar.js
View File

@ -92,6 +92,7 @@ export default class Bar {
} }
draw_bar() { draw_bar() {
this.$bar = createSVG('rect', { this.$bar = createSVG('rect', {
x: this.x, x: this.x,
y: this.y, y: this.y,
@ -99,7 +100,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: 'bar', class: 'bar' + (/^((?!chrome|android).)*safari/i.test(navigator.userAgent) && !this.task.important ? ' safari' : ''),
append_to: this.bar_group, append_to: this.bar_group,
}); });

8
src/gantt.css
View File

@ -74,7 +74,7 @@
& .lower-text, & .lower-text,
& .upper-text { & .upper-text {
text-anchor: middle; text-anchor: middle;
color: var(--text-light); color: var(--text-dark);
} }
& .upper-header { & .upper-header {
@ -270,7 +270,7 @@
& .bar-wrapper { & .bar-wrapper {
cursor: pointer; cursor: pointer;
outline: none;
&.active { &.active {
& .handle { & .handle {
@ -285,6 +285,10 @@
border-radius: 3px; border-radius: 3px;
} }
& .bar.safari {
outline: 1px solid black;
}
&:hover { &:hover {
.bar { .bar {
transition: transform 0.3s ease; transition: transform 0.3s ease;

3
vite.config.js
View File

@ -23,5 +23,6 @@ export default defineConfig({
// preserveEntrySignatures: "allow-extension" // preserveEntrySignatures: "allow-extension"
}, },
}, },
output: { interop: 'auto' } output: { interop: 'auto' },
server: { watch: { include: ['dist/*', 'src/*'] } }
}); });