Closed Bug 1366668 Opened 7 years ago Closed 7 years ago

(photon) Awesome bar visual refresh for tablet

Categories

(Firefox for Android Graveyard :: General, enhancement)

enhancement
Not set
normal

Tracking

(firefox57 verified)

VERIFIED FIXED
Firefox 57
Tracking Status
firefox57 --- verified

People

(Reporter: wesley_huang, Assigned: jwu)

References

Details

(Whiteboard: [FNC][SPT57.1][MVP])

User Story

Visual spec: https://drive.google.com/open?id=0B-9PIePlQZRlSFdzc1BXVlA5bDA

Attachments

(6 files)

No description provided.
Depends on: 1378625
Hey Carol. I got some feedback about our existing tablet UI on twitter [1]: compared to Chrome, we see display ~15 fewer characters of the url, making it hard to know what the url says. Is this something we might address with the Photon revisions? [1]: https://twitter.com/bibhasdn/status/884741684407422977
Flags: needinfo?(chuang)
Hey Michael! Yes! We will have new Photon tool bar look. We cleaned up some UI and hopefully we can improve the readability for the URL on mobile.
Flags: needinfo?(chuang)
^^Correct. We'll consider this issue for both mobile and tablet.
User Story: (updated)
Assignee: nobody → topwu.tw
Blocks: 1379650
This bug fix would be focused on toolbar visual refresh on tablet.
Summary: (photon) Photon design for tablet → (photon) Awesome bar visual refresh for tablet
Comment on attachment 8892391 [details] Bug 1366668 - Part 1: Duplicates awesome bar resources. https://reviewboard.mozilla.org/r/163344/#review169542 LGTM
Attachment #8892391 - Flags: review?(cnevinchen) → review+
Comment on attachment 8892392 [details] Bug 1366668 - Part 2: Apply new toolbar visual design on tablet. https://reviewboard.mozilla.org/r/163346/#review169544
Attachment #8892392 - Flags: review?(cnevinchen) → review+
Comment on attachment 8892393 [details] Bug 1366668 - Part 3: Remove forward button animation. https://reviewboard.mozilla.org/r/163348/#review169546 ::: mobile/android/app/src/photon/java/org/mozilla/gecko/toolbar/ForwardButton.java:29 (Diff revision 2) > - mBorderPath.reset(); > - final float startX; > - if (isLayoutRtl) { > - startX = 0 + mBorderWidth; > - } else { > - startX = width - mBorderWidth; > + mPath.setFillType(Path.FillType.INVERSE_EVEN_ODD); > + > + final RectF rect = new RectF(0, 0, width, height); > + final int radius = getResources().getDimensionPixelSize(R.dimen.browser_toolbar_menu_radius); > + mPath.addRoundRect(rect, radius, radius, Path.Direction.CW); > + We remove all the animation?
Attachment #8892393 - Flags: review?(cnevinchen) → review+
Comment on attachment 8892394 [details] Bug 1366668 - Part 4: Apply tint color for bookmark icon on toolbar. https://reviewboard.mozilla.org/r/163350/#review169548
Attachment #8892394 - Flags: review?(cnevinchen) → review+
Comment on attachment 8892395 [details] Bug 1366668 - Part 5: Introduce ToolbarRoundButton to support toolbar item with round rectangle background. https://reviewboard.mozilla.org/r/163352/#review169550 ::: mobile/android/app/src/australis/java/org/mozilla/gecko/toolbar/ActionButton.java:13 (Diff revision 2) > +import android.util.AttributeSet; > + > +import org.mozilla.gecko.widget.themed.ThemedImageButton; > + > +class ActionButton extends ThemedImageButton { > + The name action button is not clear. It has multiple meaning. Maybe just RoundedButton ?
Attachment #8892395 - Flags: review?(cnevinchen) → review+
Attachment #8892391 - Flags: review?(walkingice0204) → review+
Comment on attachment 8892392 [details] Bug 1366668 - Part 2: Apply new toolbar visual design on tablet. https://reviewboard.mozilla.org/r/163346/#review169562
Attachment #8892392 - Flags: review?(walkingice0204) → review+
Attachment #8892393 - Flags: review?(walkingice0204) → review+
Comment on attachment 8892394 [details] Bug 1366668 - Part 4: Apply tint color for bookmark icon on toolbar. https://reviewboard.mozilla.org/r/163350/#review169566
Attachment #8892394 - Flags: review?(walkingice0204) → review+
Comment on attachment 8892395 [details] Bug 1366668 - Part 5: Introduce ToolbarRoundButton to support toolbar item with round rectangle background. https://reviewboard.mozilla.org/r/163352/#review169570
Attachment #8892395 - Flags: review?(walkingice0204) → review+
Comment on attachment 8892393 [details] Bug 1366668 - Part 3: Remove forward button animation. https://reviewboard.mozilla.org/r/163348/#review169546 > We remove all the animation? Yes, in new design, forward button is always shown on tablet. You can check the spec in user story for more details. But the change here isn't directly related to animation: 1. Remove the vertical line aligned the end of forward button; 2. Add round rectangle background.
Comment on attachment 8892395 [details] Bug 1366668 - Part 5: Introduce ToolbarRoundButton to support toolbar item with round rectangle background. https://reviewboard.mozilla.org/r/163352/#review169550 > The name action button is not clear. It has multiple meaning. Maybe just RoundedButton ? I would like to change its name to ToolbarRoundButton because it should only be used in toolbar.
Keywords: checkin-needed
Pushed by ryanvm@gmail.com: https://hg.mozilla.org/integration/autoland/rev/1acf3c894594 Part 1: Duplicates awesome bar resources. r=nechen,walkingice https://hg.mozilla.org/integration/autoland/rev/7908675d7ec9 Part 2: Apply new toolbar visual design on tablet. r=nechen,walkingice https://hg.mozilla.org/integration/autoland/rev/bb0e8675bcc1 Part 3: Remove forward button animation. r=nechen,walkingice https://hg.mozilla.org/integration/autoland/rev/d38cc6c78193 Part 4: Apply tint color for bookmark icon on toolbar. r=nechen,walkingice https://hg.mozilla.org/integration/autoland/rev/d7cf709846ac Part 5: Introduce ToolbarRoundButton to support toolbar item with round rectangle background. r=nechen,walkingice
Keywords: checkin-needed
Whiteboard: [FNC][SPT_57.1][MVP]
Whiteboard: [FNC][SPT_57.1][MVP] → [FNC][SPT57.1][MVP]
Attached image photo_2017-08-09_18-27-44.jpg (deleted) —
(In reply to Michael Comella (:mcomella) from comment #1) > Is this something we might address with the Photon revisions? > [1]: https://twitter.com/bibhasdn/status/884741684407422977 I don't think we cover that. I will file a separate bug for this
Pixel C - Android 7.1.1 Nightly 57.0a1 2017-08-09 Visual changes applied. Will follow up wit enhancement bugs as the one mentioned above.
Status: RESOLVED → VERIFIED
QA Contact: ioana.chiorean
Depends on: 1389051
> https://hg.mozilla.org/mozilla-central/rev/1acf3c894594 This broke hg blame/revision history for ToolbarDisplayLayout.java amongst others :-(. You should have used hg copy for one path and then hg rename for the other path, or at least used hg rename for the photon files that are going to be kept long-term.
Product: Firefox for Android → Firefox for Android Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: