# Non-transparent background needed for Editor status and horizontal scroll

**URL:** <https://discourse.nodered.org/t/non-transparent-background-needed-for-editor-status-and-horizontal-scroll/101590>\
**Category:** Feature Requests\
**Created:** [3 August 2026 14:47 UTC](https://discourse.nodered.org/t/non-transparent-background-needed-for-editor-status-and-horizontal-scroll/101590 "2026-08-03T14:47:05Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [4 August 2026 15:11 UTC](https://discourse.nodered.org/t/non-transparent-background-needed-for-editor-status-and-horizontal-scroll/101590/5 "2026-08-04T15:11:16Z")

</div>

I actually got used to the scrollbars but I did add some code to fade them out completely because I gave up giving them any consideration. So mostly I don't see them or need them, and hence the last thing I would need is a background colour for them.

```js
(function(){
    var hidescrollers = () => {
        $('#red-ui-workspace-scroll-v').fadeOut(300)
        $('#red-ui-workspace-scroll-h').fadeOut(300)
    };

    var hiderscrollerstimeoutid = setTimeout(hidescrollers, 1500)

    var eventHandler = () => {
        clearTimeout(hiderscrollerstimeoutid)
        hiderscrollerstimeoutid = setTimeout(hidescrollers, 1500)
    }

    RED.events.off('view:navigate', eventHandler)
    RED.events.on('view:navigate', eventHandler)
})();

```

---

_[View the full topic](https://discourse.nodered.org/t/non-transparent-background-needed-for-editor-status-and-horizontal-scroll/101590)._
