georgealways / lil-gui

Makes a floating panel for controllers on the web. Works as a drop-in replacement for dat.gui in most projects.

Home Page:https://lil-gui.georgealways.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nested Folder Indent

Pickleheaded opened this issue · comments

Hi
Is it possible to have an option added so that the titles and arrows of nested folders could be a different class so they can be modified independently of a normal folder.

Would be nice where you have multiple nested folders if the class could be adjusted to give a definitive look.

In the attached image, 'Run 1' to 'Run 4' are nested folders of 'Staircase Runs' but would be nice to indent them slightly. Nested folder indent is perfect for the contents.
2023-02-24

Hi, you can target a nested folder with a selector like this:

.lil-gui .lil-gui .lil-gui {

}

Weird looking, but it's basically saying "a lil gui with two lil gui's above it"—that's actually how nested folders are targeted internally.

Looking cool, curious to see how you style them.

That's great thanks!

Just tried your suggestion and worked great!