[ANGULAR] TimeRange - Opacity on past events

[eugen]

Hello everyone,

Today we updated from Scheduler Pro 5.x.x. to 6.2.2 and mostly everything worked fine. But we have one problem, we don't find a solution currently and wanted to ask how to do that.

In version 5.x.x. when we used timeRanges with "showCurrentTimeLine" it automatically added an opacity over the whole past including events like it it can be seen in this JS example: https://bryntum.com/products/schedulerpro/examples-scheduler/booking/

But now, when using version 6.2.2 with timeRangesFeature and the same configuration as before, the opacity is no longer over the events, as in this Angular example: https://bryntum.com/products/schedulerpro/examples-scheduler/frameworks/angular/booking/dist/booking/

We looked into the TimeRanges/TimeRangesConfig class/type but we don't find something to enable the opacity on events, so we wanted to ask how we can enable that again?

Thanks for the answer,
Eugen

[marcio]

Hey Eugen,

Thanks for reaching out.

That occurred because there was a change in the CSS. You can customize it to have the previous behavior like this

.b-timeranges-canvas .shaded {
    z-index : 9;
}

[eugen]

Good morning,

Thanks for the quick answer. Together with an "!important" at the end, that brought the solution.

Eugen