Merge pull request #16579 from opf/bug/57395-color-gradient-gone-in-g…

…antt-charts-for-work-packages-with-only-start-or-due-date

[57395] Color gradient gone in gantt charts for work packages with only start or due date

frontend/src/app/features/work-packages/components/wp-table/timeline/cells/timeline-cell-renderer.ts

@@ -253,13 +253,13 @@ export class TimelineCellRenderer {
     if (_.isNaN(due.valueOf()) && !_.isNaN(start.valueOf())) {
       // Set due date to today
       due = moment();
-      bar.style.backgroundImage = 'linear-gradient(90deg, rgba(255,255,255,0) 0%, #F1F1F1 100%)';
+      bar.setAttribute('style', 'background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, #F1F1F1 100%) !important');
     }
 
     // only finish date, fade out bar to the left
     if (_.isNaN(start.valueOf()) && !_.isNaN(due.valueOf())) {
       start = due.clone();
-      bar.style.backgroundImage = 'linear-gradient(90deg, #F1F1F1 0%, rgba(255,255,255,0) 80%)';
+      bar.setAttribute('style', 'background-image: linear-gradient(90deg, #F1F1F1 0%, rgba(255,255,255,0) 80%) !important');
     }
 
     this.setElementPositionAndSize(element, renderInfo, start, due);