Firefox Focus mockups

[paulrouget]

[mfkl]

Hmm... regarding controls and animations for the URL bar, probably we want (from my observations of focus for iOS):

View 0 contains Entry field, param button, background. First view.

View 1 same with cancel button and dark background and suggestions. First view + start typing.

View 2 "page loaded" with Normal Top Bar Size contains: Lock, RegularUrl, Erase, Web page, bottom bar.

• [Name] Lock [Xamarin.Forms Control type] Image [Description] A (local) lock image for HTTPS [Animation/behavior] On tap transitions to View 1.

• [Name] RegularUrl [Xamarin.Forms Control type] Label [Description] The url, cropped, white text. [Animation/behavior] On tap transitions to View 1.

• [Name] Erase [Xamarin.Forms Control type] Button [Description] The button to remove the current webpage. [Animation/behavior] On tap transitions to View 0.

• Should define Loading View too.

  Animation start scrolling down transition to View 3 with animations:

• making tab bar smaller,

• fading out and moving up the Lock, RegularUrl and Erase controls.

• Fading in the TinyUrl Label control.

  View 3:

• [Name] TinyLock [Xamarin.Forms Control type] Image [Description] A (local) lock image for HTTPS [Animation/behavior] On tap transitions to View 3.

• [Name] TinyUrl [Xamarin.Forms Control type] Image [Description] tiny lock [Animation/behavior] Scroll up transition to View 2

To be completed...

[paulrouget]

Transition to View 3 will depend on #18

[paulrouget]

During View 2, On tap transitions to View 3

That doesn't sound right to me.

[mfkl]

Fixed