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>

Files:

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

Update

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!

Philip