🌴 Tree-Optimisation for Deep Nested Apps - Editor

Hey, ever had the problem that you hade to many groups in your engine?
Just make the left Element Tree scrollable (left to right)

382aac63-21a4-4dce-b538-532dce44c5ac

Just use an Chrome Add one that overrides the css and use this:

.element-caption {
    width: 500px;
}
.layers-box {
    float: left;
    width: 100%;
}
.layers-box .children-wrapper, .workflow-tree .children-wrapper {
    padding-left: 8px;
    padding-top: 6px;
    margin-top: -6px;
    margin-left: 0;
    font-size: 11px;
    width: max-content;
}

I use the chrome plugin CSS and JAVASCRIPT FOR IT: (Just CSS needed)

Should not bring performance issues - just loads the first time 1-2 seconds longer but no problem when you work with it.

Let me know what you think :slight_smile:

2 Likes

Hi @buero :wave:
Nice :+1:
I was looking for this, I will try & let you know…
Thanks

1 Like