New Sizing Unit: Max-Content

Be in the know
,
16

The Vertical Section is set to width: Max-C and min-width: 60px

352×1274 24.8 KB

522×778 26.5 KB

The Repeater is also set to width: Max-C.
The Repeater items have a 2 column grid [30px, 1fr].

336×694 16.9 KB

The text in the right column is set to Collapse on load, and with a click of a button I expand them.

Code:

var navOpen = false;
    $w('#button2').onClick(() => {
        if (navOpen == false) {
            $w("#repeater2").forEachItem(($item, itemData, index) => {
                $item("#text8").expand();
            });
        } else {
            $w("#repeater2").forEachItem(($item, itemData, index) => {
                $item("#text8").collapse();
            });
        }
        navOpen = !navOpen;
    });