Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

fix(Icon): bordered and circular props not working as expected #907

Merged
merged 10 commits into from
Feb 21, 2019

Conversation

mnajdova
Copy link
Contributor

@mnajdova mnajdova commented Feb 15, 2019

This PR fixes #635 The problem was that when the circular prop was provided to the Icon comoponent, there were always borders added as well. This logic is eliminated in this PR.

BREAKING CHANGES

Using only the circular prop on the Icon will no longer add the border by default. If you want to persist the border, you should add the bordered prop on the component as well.

For fixing regressions on the Icons that contain the circular prop, add the bordered prop as well. For example:

<Icon name='umbrella' circular /> <=> <Icon name='umbrella' circular bordered />

@codecov
Copy link

codecov bot commented Feb 15, 2019

Codecov Report

Merging #907 into master will not change coverage.
The diff coverage is 25%.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #907   +/-   ##
=======================================
  Coverage   80.58%   80.58%           
=======================================
  Files         649      649           
  Lines        8319     8319           
  Branches     1420     1420           
=======================================
  Hits         6704     6704           
  Misses       1600     1600           
  Partials       15       15
Impacted Files Coverage Δ
...act/src/themes/teams/components/Icon/iconStyles.ts 22.95% <25%> (ø) ⬆️

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 3650b74...695e01f. Read the comment docs.

@codecov
Copy link

codecov bot commented Feb 15, 2019

Codecov Report

Merging #907 into master will not change coverage.
The diff coverage is 25%.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #907   +/-   ##
=======================================
  Coverage   80.51%   80.51%           
=======================================
  Files         659      659           
  Lines        8447     8447           
  Branches     1492     1492           
=======================================
  Hits         6801     6801           
  Misses       1631     1631           
  Partials       15       15
Impacted Files Coverage Δ
...react/src/components/RadioGroup/RadioGroupItem.tsx 100% <ø> (ø) ⬆️
...act/src/themes/teams/components/Icon/iconStyles.ts 22.95% <25%> (ø) ⬆️

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 79934b1...9aafc77. Read the comment docs.

@mnajdova mnajdova merged commit 8a901c7 into master Feb 21, 2019
@delete-merged-branch delete-merged-branch bot deleted the fix/icon-circular-without-border branch February 21, 2019 11:13
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.

Icon - bordered and circular props not working as expected
4 participants