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