Menu

Soft UI on the website and a reworked phone tab bar
📰

Soft UI on the website and a reworked phone tab bar

DEV Community: webdev·Gianni·about 4 hours ago
#DYHyMupO
#devtowebdev#devto#dev#dark#soft
Reading 0:00
15s threshold

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.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.