feat: remove the redundant white border at gantt bar #INFR-9002

worktile · Aug 3, 2023 · 47da959 · 47da959
2 parents 6362a11 + a5ecd75
commit 47da959
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/gantt/src/components/bar/bar.component.ts b/packages/gantt/src/components/bar/bar.component.ts
@@ -125,17 +125,25 @@ export class NgxGanttBarComponent extends GanttItemUpper implements OnInit, Afte
             const contentElement = this.contentElementRef.nativeElement;
             const color = this.item.color || barBackground;
             const style: Partial<CSSStyleDeclaration> = this.item.barStyle || {};
+            const barElement = this.elementRef.nativeElement;
+
             if (this.item.origin.start && this.item.origin.end) {
                 style.background = color;
                 style.borderRadius = '';
             }
             if (this.item.origin.start && !this.item.origin.end) {
                 style.background = linearGradient('to left', hexToRgb(color, 0.55), hexToRgb(color, 1));
-                style.borderRadius = '4px 12.5px 12.5px 4px';
+
+                const borderRadius = '4px 12.5px 12.5px 4px';
+                style.borderRadius = borderRadius;
+                barElement.style.borderRadius = borderRadius;
             }
             if (!this.item.origin.start && this.item.origin.end) {
                 style.background = linearGradient('to right', hexToRgb(color, 0.55), hexToRgb(color, 1));
-                style.borderRadius = '12.5px 4px 4px 12.5px';
+
+                const borderRadius = '12.5px 4px 4px 12.5px';
+                style.borderRadius = borderRadius;
+                barElement.style.borderRadius = borderRadius;
             }
             if (this.item.progress >= 0) {
                 const contentProgressElement = contentElement.querySelector('.gantt-bar-content-progress') as HTMLDivElement;