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

Made every place of buttons on the navigation bar clickable #5737

Closed
wants to merge 1 commit into from
Closed

Made every place of buttons on the navigation bar clickable #5737

wants to merge 1 commit into from

Conversation

luixxiul
Copy link
Contributor

@luixxiul luixxiul commented Nov 19, 2016

  • 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).

Made every place of buttons on the navigation bar (backButton, forwardButton, stopButton, reloadButton and homeButton) clickable.

The commit of this PR makes the all area inside the button clickable by removing the margin and padding around the icon, which has been only clickable, and setting the size of the svg icons with background-size.

Fixes #5679

Auditors: @bradleyrichter (Especially I'd love to hear your feedback on the sizes of the buttons. Please have a look at background-size properties, thanks.)

Test Plan:

  1. Enable Home Button
  2. Open some pages in the same tab to enable backButton and forwardButton
  3. Make sure every place of the buttons are clickable
  4. Make sure height and width of the buttons remain the same (34x24, 26x24)
  5. Make sure stopButton is centered

Image 1
screenshot 2016-11-19 17 14 45

Image 2
screenshot 2016-11-19 17 15 44

Image 3
screenshot 2016-11-19 21 42 51

#5526

@luixxiul
Copy link
Contributor Author

Though #5679 is tagged as the contributor backlog, the issue is so annoying for me that I couldn't wait..

…dButton, stopButton, reloadButton and homeButton) clickable

Fixes #5679

Auditors: @bradleyrichter

Test Plan:
1. Enable Home Button
2. Open some pages in the same tab to enable backButton and forwardButton
3. Make sure every place of the buttons are clickable
4. Make sure height and width of the buttons remain the same (34x24, 26x24)
5. Make sure stopButton is centered
@bradleyrichter
Copy link
Contributor

@luixxiul I reviewed this and it works great except that the icons are too large now. I will add a commit that returns the sizes to the previous state.

@bsclifton
Copy link
Member

closing in favor of #5750

@luixxiul
Copy link
Contributor Author

Removed the milestone because it was closed in favor of #5750. Thanks @bradleyrichter for reviewing!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants