I’m engaged on a React software and making an attempt to realize the next:
-
The sidebar takes up roughly 80% of the display width.
-
The remaining 20% of the display, not coated by the sidebar, ought to show the statusBar.
-
The statusBar ought to be partially obscured by the sidebar, however nonetheless seen within the remaining width.
I’ve used conceal and translucent properties for the standing bar, however I am not sure if that is the right method to realize the specified impact.
The sidebar just isn’t full width, so I need to make sure the standing bar is seen within the space that isn’t coated by the sidebar.
How can I obtain this with the present implementation? Any steerage or ideas could be enormously appreciated!
Figma design:
Emulator:
