Layer menu not wide enough

Layers with longer names or nested layers overlap the edge of the layer menu:

As a workaround, one may add just before </head> in index.html:

<style type="text/css">div.panel{width:auto}</style>


cube.3dm (33.3 KB) (251.9 KB)


While I’m at it, a few more tweaks that I now put into a separate CSS file:

div.panel {
    width: auto;
    height: 100vh;
    text-align: left;
    overflow: auto;

div.panel button {
    text-align: left;

Glad that you found a workaround. Another one would be to have shorter layer names, if you can. I’m in the process of rewriting the WebApp, so I will not commit such a fix to the existing code. I will make a note to ensure that this does not become an issue in the new WebApp.

1 Like

Looking forward to the next release! :grinning:

Iris is very important for sharing ideas.

Yes, me too!


Any idea when the next release will be ready? Alpha? Beta?

Unfortunately no. A lot has changed in the Rhino world as well as in Three.js (the webgl library Iris uses for rendering). We are evaluating the best way to move forward with this project.

1 Like