diff --git a/SAS/TMSS/frontend/tmss_webapp/src/components/Timeline/CalendarTimeline.js b/SAS/TMSS/frontend/tmss_webapp/src/components/Timeline/CalendarTimeline.js index 7b5d839647a0bfb1b311d97d4d12811ccbb340c2..b3b6e9a072b8cd157549746d8fbfbc59ebd1b0b1 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/components/Timeline/CalendarTimeline.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/components/Timeline/CalendarTimeline.js @@ -786,16 +786,15 @@ export class CalendarTimeline extends Component { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", textAlign: "center"}; let itemStatus = null; - let itemPlaced = null; if (item.type === "SCHEDULE" || item.type === "TASK" || item.type==="STATION_TASK" ) { itemContentStyle = {lineHeight: `${Math.floor(itemContext.dimensions.height/(isStationView?1:3))}px`, maxHeight: itemContext.dimensions.height, fontSize: isStationView?"10px":"12px", fontWeight: "600", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: isStationView?"nowrap":"inherit", + opacity: item.status==="schedulable" && !item.placed ? 0.5 : 1.0, textAlign: "center"}; itemStatus = item.status; - itemPlaced = item.placed; } let itemDivStyle = { background: backgroundColor, color: item.color, @@ -812,7 +811,7 @@ export class CalendarTimeline extends Component { return ( <div {...getItemProps({ - className: `rct-item ${itemStatus?'su-'+itemStatus:''} ${itemPlaced===false ? 'su-non-placed':''}`, + className: `rct-item ${itemStatus?'su-'+itemStatus:''}`, style: itemDivStyle, onMouseDown: () => { if (item.type !== "SUNTIME") { diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss index ba7720803196988f60379d04292bbc7ad164ab86..74fb81eb3404d0205df2f84a77ffcf73f5ac9a71 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss +++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss @@ -387,10 +387,6 @@ color: white !important; } -.su-not-placed { - opacity: 0.4 !important; -} - .task-observation { background-color: #f2fff2 !important; }