Over the last few releases of my myOS Portfolio Platform (v2.66.1 to v2.67.2), I brought the Soft UI onto the GA/OS website itself and then spent most of my time on one stubborn component: the phone tab bar. This devlog covers flattening Soft UI in dark mode, making the tab bar sit flush at the bottom with the status bar in the page colour, a detour back to the dark design, and why I finally settled on the button design: light, plain, with the active tile pressed in. It ends with a fix for a jump that happened when tapping a hidden tab on the right.
Over the past releases I moved the Soft UI onto the website itself (GA/OS) with v2.67.0. Before that, v2.66.1 made the Soft UI flat in dark mode and cleaned up the dark contour, spacing, the bulk bar and the state shown in the menu.
Most of the remaining work went into the tab bar on the phone. In v2.67.1 it sits flush at the bottom and the status bar takes the page colour. I briefly moved it back to its dark design and a bit lower, then settled on the button design for v2.67.2: light and plain, with the active tile pressed in. I also fixed a jump that happened when tapping a hidden tab on the right.
Soft UI now used on the GA/OS website (v2.67.0)
Soft UI is flat in dark mode; dark contour, spacing, bulk bar and menu state adjusted (v2.66.1)
Phone tab bar flush at the bottom, status bar in page colour (v2.67.1)
Phone tab bar in the button design: light, plain, active tile pressed in (v2.67.2)
No more jump when tapping a hidden tab on the right of the tab bar
First published on giannialagna.me
