search

DimensionDev / Maskbook_MobilePWA-Meta

Platform-insensitive pre-engineering plan-management.
0 stars 0 forks source link

General Layout #1

Open neruthes opened 5 years ago

neruthes commented 5 years ago

PWA - Main

Moving Tab Bar

The Tab Bar is placed at the top of the webpage in the default behavior of Facebook. We are going to move it to the bottom of the screen.

If we have the time, we can implement scroll-down-to-hide and scroll-up-to-see, in order to maximize screen height utilization.

Additional Entry Points in «More»

In «More», we are going to add additional entry points for our internal features which start with Maskbook:, in order to distinguish with those which belong to Facebook.

Sad Facts & Preparation

Since Facebook PWA does not have to comply with App Store censorship, they totally designed it for generic browsers. However, we may not want to simply follow their navigation logics, and would rather like to really make use of system-defined navigation bar and its hierarchy stack.

If so, we must figure out the structure of the hierarchy tree of Facebook PWA, and find a way to determine the current location in that tree. This might need some work from @jack-works.

neruthes commented 5 years ago

Other components in this Milestone coming soon:

Preview for next Milestone:

neruthes commented 5 years ago

Modifications on its PWA UI may be delayed to next milestone. We should always focus on major features.