Opened 3 years ago

Last modified 21 months ago

#4743 closed change

[UI] Redesign normal mode tab view — at Version 1

Reported by: mario Assignee:
Priority: P2 Milestone: Adblock-Browser-for-iOS-2.0.0
Module: Adblock-Browser-for-iOS Keywords:
Cc: Blocked By:
Blocking: #4706 Platform: Adblock Browser for iOS
Ready: yes Confidential: no
Tester: Unknown Verified working: yes
Review URL(s):

Description (last modified by mario)

Background

This issue is part of ABB's redesign as described under #4706.
Logic/UI which is not covered within this issue stays in place as it is.

What to change

Apply the new design to ABB's normal mode tab view as shown in this mockup and this guide
Apply the new design to ABB's normal mode tab view edit mode as shown in this mockup and this guide

UI

  • Add a "tip" icon + label at the bottom of the tab list as shown in this mockup

Transitions

  • When the normal mode tab view is opened, slide it in from the bottom using iOS' default transition.

Logic

  • If the history screen is shown:
    • Mark the back icon in the bottom bar inactive
    • Mark the forward icon in the bottom bar inactive
    • Mark the ghost mode icon in the bottom bar inactive
    • Mark the bookmark icon in the bottom bar inactive
    • Mark the tabs icon in the bottom bar active and highlight it as shown in this mockup
  • New tabs are added to the top of the tab list

Copy

  • Tip: Swipe tabs left or right to close them.

Attachments

Style Guides

Assets

Mockups (as shown in description)

Change History (2)

Changed 3 years ago by mario

comment:1 Changed 3 years ago by mario

  • Description modified (diff)
Note: See TracTickets for help on using tickets.