From c4e1553e5563e3d4e8cd4fbeb030bd984afaac92 Mon Sep 17 00:00:00 2001 From: Gursheen Anand Date: Mon, 20 Nov 2023 00:55:45 +0530 Subject: [PATCH] chore: define colour for expected progress bar --- dist/frappe-gantt.css | 11 +++++++---- dist/frappe-gantt.min.css | 2 +- src/gantt.scss | 6 +++++- 3 files changed, 13 insertions(+), 6 deletions(-) diff --git a/dist/frappe-gantt.css b/dist/frappe-gantt.css index 8d7bd32..ba26cab 100644 --- a/dist/frappe-gantt.css +++ b/dist/frappe-gantt.css @@ -39,7 +39,10 @@ user-select: none; } .gantt .bar-progress { - fill: #a3a3ff; + fill: #acacfa; +} +.gantt .bar-expected-progress { + fill: #c4c4e9; } .gantt .bar-invalid { fill: transparent; @@ -76,7 +79,7 @@ fill: #a9b5c1; } .gantt .bar-wrapper:hover .bar-progress { - fill: #8a8aff; + fill: #9494f9; } .gantt .bar-wrapper:hover .handle { visibility: visible; @@ -86,7 +89,7 @@ fill: #a9b5c1; } .gantt .bar-wrapper.active .bar-progress { - fill: #8a8aff; + fill: #9494f9; } .gantt .lower-text, .gantt .upper-text { font-size: 12px; @@ -117,7 +120,7 @@ border-radius: 3px; } .gantt-container .popup-wrapper .title { - border-bottom: 3px solid #a3a3ff; + border-bottom: 3px solid #acacfa; padding: 10px; } .gantt-container .popup-wrapper .subtitle { diff --git a/dist/frappe-gantt.min.css b/dist/frappe-gantt.min.css index 1f6a1ae..3d9eb3a 100644 --- a/dist/frappe-gantt.min.css +++ b/dist/frappe-gantt.min.css @@ -1 +1 @@ -.gantt .grid-background{fill:none}.gantt .grid-header{fill:#fff;stroke:#e0e0e0;stroke-width:1.4}.gantt .grid-row{fill:#fff}.gantt .grid-row:nth-child(even){fill:#f5f5f5}.gantt .row-line{stroke:#ebeff2}.gantt .tick{stroke:#e0e0e0;stroke-width:.2}.gantt .tick.thick{stroke-width:.4}.gantt .today-highlight{fill:#fcf8e3;opacity:.5}.gantt .arrow{fill:none;stroke:#666;stroke-width:1.4}.gantt .bar{fill:#b8c2cc;stroke:#8d99a6;stroke-width:0;transition:stroke-width .3s ease;user-select:none}.gantt .bar-progress{fill:#a3a3ff}.gantt .bar-invalid{fill:rgba(0,0,0,0);stroke:#8d99a6;stroke-width:1;stroke-dasharray:5}.gantt .bar-invalid~.bar-label{fill:#555}.gantt .bar-label{fill:#fff;dominant-baseline:central;text-anchor:middle;font-size:12px;font-weight:lighter}.gantt .bar-label.big{fill:#555;text-anchor:start}.gantt .handle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden;transition:opacity .3s ease}.gantt .bar-wrapper{cursor:pointer;outline:none}.gantt .bar-wrapper:hover .bar{fill:#a9b5c1}.gantt .bar-wrapper:hover .bar-progress{fill:#8a8aff}.gantt .bar-wrapper:hover .handle{visibility:visible;opacity:1}.gantt .bar-wrapper.active .bar{fill:#a9b5c1}.gantt .bar-wrapper.active .bar-progress{fill:#8a8aff}.gantt .lower-text,.gantt .upper-text{font-size:12px;text-anchor:middle}.gantt .upper-text{fill:#555}.gantt .lower-text{fill:#333}.gantt .hide{display:none}.gantt-container{position:relative;overflow:auto;font-size:12px}.gantt-container .popup-wrapper{position:absolute;top:0;left:0;background:rgba(0,0,0,.8);padding:0;color:#959da5;border-radius:3px}.gantt-container .popup-wrapper .title{border-bottom:3px solid #a3a3ff;padding:10px}.gantt-container .popup-wrapper .subtitle{padding:10px;color:#dfe2e5}.gantt-container .popup-wrapper .pointer{position:absolute;height:5px;margin:0 0 0 -5px;border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.8)} \ No newline at end of file +.gantt .grid-background{fill:none}.gantt .grid-header{fill:#fff;stroke:#e0e0e0;stroke-width:1.4}.gantt .grid-row{fill:#fff}.gantt .grid-row:nth-child(even){fill:#f5f5f5}.gantt .row-line{stroke:#ebeff2}.gantt .tick{stroke:#e0e0e0;stroke-width:.2}.gantt .tick.thick{stroke-width:.4}.gantt .today-highlight{fill:#fcf8e3;opacity:.5}.gantt .arrow{fill:none;stroke:#666;stroke-width:1.4}.gantt .bar{fill:#b8c2cc;stroke:#8d99a6;stroke-width:0;transition:stroke-width .3s ease;user-select:none}.gantt .bar-progress{fill:#acacfa}.gantt .bar-expected-progress{fill:#c4c4e9}.gantt .bar-invalid{fill:rgba(0,0,0,0);stroke:#8d99a6;stroke-width:1;stroke-dasharray:5}.gantt .bar-invalid~.bar-label{fill:#555}.gantt .bar-label{fill:#fff;dominant-baseline:central;text-anchor:middle;font-size:12px;font-weight:lighter}.gantt .bar-label.big{fill:#555;text-anchor:start}.gantt .handle{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden;transition:opacity .3s ease}.gantt .bar-wrapper{cursor:pointer;outline:none}.gantt .bar-wrapper:hover .bar{fill:#a9b5c1}.gantt .bar-wrapper:hover .bar-progress{fill:#9494f9}.gantt .bar-wrapper:hover .handle{visibility:visible;opacity:1}.gantt .bar-wrapper.active .bar{fill:#a9b5c1}.gantt .bar-wrapper.active .bar-progress{fill:#9494f9}.gantt .lower-text,.gantt .upper-text{font-size:12px;text-anchor:middle}.gantt .upper-text{fill:#555}.gantt .lower-text{fill:#333}.gantt .hide{display:none}.gantt-container{position:relative;overflow:auto;font-size:12px}.gantt-container .popup-wrapper{position:absolute;top:0;left:0;background:rgba(0,0,0,.8);padding:0;color:#959da5;border-radius:3px}.gantt-container .popup-wrapper .title{border-bottom:3px solid #acacfa;padding:10px}.gantt-container .popup-wrapper .subtitle{padding:10px;color:#dfe2e5}.gantt-container .popup-wrapper .pointer{position:absolute;height:5px;margin:0 0 0 -5px;border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.8)} \ No newline at end of file diff --git a/src/gantt.scss b/src/gantt.scss index 9c91dad..ade446b 100644 --- a/src/gantt.scss +++ b/src/gantt.scss @@ -7,8 +7,9 @@ $light-yellow: #fcf8e3 !default; $text-muted: #666 !default; $text-light: #555 !default; $text-color: #333 !default; -$blue: #a3a3ff !default; +$blue: #acacfa !default; $handle-color: #ddd !default; +$light-blue: #c4c4e9 !default; .gantt { .grid-background { @@ -56,6 +57,9 @@ $handle-color: #ddd !default; .bar-progress { fill: $blue; } + .bar-expected-progress { + fill: $light-blue; + } .bar-invalid { fill: transparent; stroke: $bar-stroke;