0.8.7
Panels that fit. The scene panel caps itself to the space it has, and its sections can fold or become file tabs, captions or icons, with the overlap and stacking of real file tabs. Land and Sky uses icon tabs and a preset menu. Also: a security pin for a build-only dependency.
Size: barrel (min, packages external) 891.2 KB raw / 298.3 KB gz, +0.7% on 0.8.6.
Added
- Scene panels fit the space they have (board #2466). The flat ⚙ panel
is capped at the scene's height (it was a fixed 620 px, and ran off the
bottom of a short window or a phone), re-fitted when the scene resizes;
its own scrolling takes over. And collapsible sections:
label3d({ text, collapsible: true, open? })heads a section that folds everything below it up to the next one, flat and in VR alike, with the open set remembered in the browser. Land and Sky's 50-odd rows fold into nine sections. Section headers are compact (a caption line, not a control row), and Land and Sky's preset actions (save, copy, paste) moved into a ⋯ menu beside the preset picker. - File tabs:
tabs3d({ tabs, active, handleSelect }), a strip where each tab is at most half the width with an ellipsized label; when they do not fit they overlap (each later tab on the one before, so every tab keeps its left edge), and the active one sits in front, joined to the panel below. Pure geometry:tabLayout/tabAt, tested.<tosi-b3d> panelSections="tabs"shows collapsible sections as tabs, one at a time (the chosen tab is remembered); the default stays'fold'. Overlapping tabs spread AROUND the active one: those left of it share the space before it (each showing its left slice), those right of it the space after (each its right slice), labels in the visible slice. A tab can be an ICON ({ icon, title }), andlabel3d({ collapsible, icon })gives a section one, which tab mode shows instead of the caption: icon tabs are narrow, so they sit side by side and nothing moves when you switch. Land and Sky uses icon tabs.tabs3dis exported (withTab3d), and the widgets page has a live Tabs demo: nine captions overlapping, three side by side, icons.