Hi,

The sidebar overlay property was removed from OutSystemsUI (Reactive).

Traditional Web:

Reactive Web:

How to implement this effect?

I found this CSS classes in the OutSystemsUIWeb Base Theme (Traditional Web) that is added when the sidebar is opened:

.sidebar-overlay {

    background-color: rgba(190, 190, 190, .25);

    cursor: pointer;

    height: 100vh;

    opacity: 0;

    pointer-events: none;

    position: fixed;

    right: 0;

    top: 0;

    width: 100vw;

    z-index: 103;

    -servicestudio-display: none;

}

And this in the Reactive Web:

.sidebar.sidebar-open {

    -webkit-transform: none;

            transform: none;

    -webkit-transition: all 330ms ease-out;

            transition: all 330ms ease-out;

    will-change: transform;

}