Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(toolbar): Fix toolbar padding on desktop and mobile #1327

Merged
merged 4 commits into from
Sep 20, 2017

Conversation

yeelan0319
Copy link
Contributor

According to guideline the padding seems not right:
https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-keylines-spacing

After the changes, it became:
Desktop:
screen shot 2017-09-18 at 18 10 37

Mobile:
screen shot 2017-09-18 at 18 19 29

@codecov-io
Copy link

codecov-io commented Sep 19, 2017

Codecov Report

Merging #1327 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@          Coverage Diff           @@
##           master   #1327   +/-   ##
======================================
  Coverage    99.9%   99.9%           
======================================
  Files          69      69           
  Lines        3314    3314           
  Branches      409     409           
======================================
  Hits         3311    3311           
  Misses          3       3

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e005460...bc87635. Read the comment docs.

Copy link
Contributor

@kfranqueiro kfranqueiro left a comment

Choose a reason for hiding this comment

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

Good catch finding these issues. One nit, otherwise LGTM based on our discussion/review earlier today.

$mdc-toolbar-element-vertical-padding: 16px;
$mdc-toolbar-element-horizontal-padding-desktop: 24px;
$mdc-toolbar-element-horizontal-padding-mobile: 16px;
$mdc-toolbar-title-margin-to-icon-menu-desktop: 8px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: would these names read better as title-margin-to-menu-icon (rather than icon-menu)?

Copy link
Contributor Author

@yeelan0319 yeelan0319 Sep 19, 2017

Choose a reason for hiding this comment

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

It seems this won't introduce confusion with our modifier class name after offline discussion, so I am going to change it this way to make it read better.

@kfranqueiro
Copy link
Contributor

Also, this should be fix(toolbar), not fix(button), I think, when we merge.

@yeelan0319 yeelan0319 changed the title fix(button): Fix button padding on desktop and mobile fix(toolbar): Fix button padding on desktop and mobile Sep 19, 2017
@yeelan0319
Copy link
Contributor Author

Thanks for catching the commit message error!

Copy link
Contributor

@kfranqueiro kfranqueiro left a comment

Choose a reason for hiding this comment

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

LGTM. Also probably change "button" to "toolbar" in the commit message itself, forgot to mention that before.

@yeelan0319 yeelan0319 changed the title fix(toolbar): Fix button padding on desktop and mobile fix(toolbar): Fix toolbar padding on desktop and mobile Sep 20, 2017
@yeelan0319 yeelan0319 merged commit 9b79871 into master Sep 20, 2017
@yeelan0319 yeelan0319 deleted the fix/toolbar-icon-padding branch September 20, 2017 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants