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

feat(components): use smaller icons #604

Merged
merged 1 commit into from
Jun 4, 2020
Merged

Conversation

connor-baer
Copy link
Member

Purpose

The initial small icons took up 24px but the actual graphic would be limited to 16px which created a 4px space around the graphic. This made it more difficult to work with the icons, e.g. making the layout look unbalanced inside the Button with an icon. It would've also created a very breaking change for Input prefix and suffix icons.

This PR reverts the icons to 16px without spacing.

Approach and changes

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

feature/icons-16px

feature/icons-16px

feature/icons-16px
@vercel
Copy link

vercel bot commented Jun 4, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sumup-oss/circuit-ui/2xcjnjf5o
✅ Preview: https://circuit-ui-git-feature-icons-16px.sumup-oss.now.sh

@connor-baer connor-baer added this to the v2.0 milestone Jun 4, 2020
@connor-baer connor-baer added the feature A new feature or enhancement label Jun 4, 2020
@codecov
Copy link

codecov bot commented Jun 4, 2020

Codecov Report

Merging #604 into alpha will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##            alpha     #604   +/-   ##
=======================================
  Coverage   94.26%   94.26%           
=======================================
  Files         136      136           
  Lines        2198     2198           
  Branches      631      631           
=======================================
  Hits         2072     2072           
  Misses        103      103           
  Partials       23       23           
Impacted Files Coverage Δ
src/components/Button/Button.tsx 100.00% <ø> (ø)
src/components/Checkbox/Checkbox.js 100.00% <ø> (ø)
src/components/IconButton/IconButton.tsx 80.00% <ø> (ø)
src/components/Input/Input.js 100.00% <ø> (ø)
src/components/Select/Select.js 100.00% <ø> (ø)
...components/Table/components/SortArrow/SortArrow.js 100.00% <ø> (ø)

@connor-baer connor-baer merged commit 67fc95c into alpha Jun 4, 2020
@connor-baer connor-baer deleted the feature/icons-16px branch June 4, 2020 08:58
@github-actions
Copy link
Contributor

github-actions bot commented Jun 4, 2020

🎉 This PR is included in version 2.0.0-alpha.22 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

github-actions bot commented Jun 8, 2020

🎉 This PR is included in version 2.0.0-beta.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature A new feature or enhancement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants