Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Add 'fitContent' props to browserButton #11202

Merged
merged 1 commit into from
Oct 2, 2017
Merged

Add 'fitContent' props to browserButton #11202

merged 1 commit into from
Oct 2, 2017

Conversation

luixxiul
Copy link
Contributor

@luixxiul luixxiul commented Sep 28, 2017

Fixes #11201, introduced with #10934

Fixes #11224

Only BrowserButton with 'fitContent' props are forced to have the min-width:fit-content. This change is required to apply display:flex to headerActions, as it refers width instead of min-width, even though actual min-width is larger than actual width of the buttons.

Auditors: @cezaraugusto

Test Plan:

  1. Open about:history
  2. Open about:bookmarks
  3. Make sure the header items are not wrapped

Test Plan 2:

  1. Open https://expired.badssl.com/
  2. Minimize the window's width
  3. Make sure the buttons' text do not overflow

Submitter Checklist:

  • Submitted a ticket for my issue if one did not already exist.
  • Used Github auto-closing keywords in the commit message.
  • Added/updated tests for this change (for new code or code which already has tests).
  • Ran git rebase -i to squash commits (if needed).
  • Tagged reviewers and labelled the pull request as needed.

Test Plan:

Reviewer Checklist:

Tests

  • Adequate test coverage exists to prevent regressions
  • Tests should be independent and work correctly when run individually or as a suite ref
  • New files have MPL2 license header

Fixes #11201

Only BrowserButton with 'fitContent' props are forced to have the min-width:fit-content. This change is required to apply display:flex to headerActions, as it refers width instead of min-width, even though actual min-width is larger than actual width of the buttons.

- Align header items on about:history (fixes #10465)
- Polish .searchInput on about:bookmarks and about:history (addresses #10898 and #10899)

Auditors: @cezaraugusto

Test Plan:
1. Open about:history
2. Open about:bookmarks
3. Make sure the header items are not wrapped

Test Plan 2:
1. Open https://expired.badssl.com/
2. Minimize the window's width
3. Make sure the buttons' text do not overflow
@luixxiul luixxiul added this to the 0.21.x (Nightly Channel) milestone Sep 28, 2017
@luixxiul luixxiul self-assigned this Sep 28, 2017
@luixxiul
Copy link
Contributor Author

CC @srirambv for confirming the fix should work.

Copy link
Collaborator

@srirambv srirambv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Manually tested. Looks good. Awesome job 👍

@luixxiul luixxiul merged commit e357db4 into brave:master Oct 2, 2017
@luixxiul luixxiul deleted the fix-button-width branch October 2, 2017 08:27
@bbondy bbondy modified the milestones: 0.21.x (Developer Channel), 0.20.x (Beta Channel) Oct 25, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
3 participants