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: adding all icons from the design system to the codebase #11033

Merged
merged 29 commits into from
Sep 25, 2020

Conversation

rusackas
Copy link
Member

SUMMARY

This PR adds ALL of the icons from the SIP-34 (#8976) design system into the codebase. Many were already here, but under different names, or with different attributes (sizes, etc). Now they're all here, visible in storybook, and existing use cases have been updated to work with updated icons wherever relevant.

Forthcoming steps/PRs:
• Removing any additional hard-coded colors in the SVGs, replacing them with a series of overridable default colors based on Theme variables
• Replacing font-awesome icons with these new icons wherever possible

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

image

TEST PLAN

ADDITIONAL INFORMATION

  • Has associated issue:
  • Changes UI
  • Requires DB Migration.
  • Confirm DB Migration upgrade and downgrade tested.
  • Introduces new feature or API
  • Removes existing feature or API

@rusackas rusackas changed the title WIP: Adding all icons from the design system to the codebase Adding all icons from the design system to the codebase Sep 24, 2020
@@ -529,17 +529,6 @@ tr.reactable-column-header th.reactable-header-sortable {
padding-right: 17px;
}

.fave-unfave-icon {
Copy link
Member Author

Choose a reason for hiding this comment

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

this... doesn't seem to really do anything.

@@ -33,16 +33,16 @@ const NavDropdown = styled(ReactBootstrapNavDropdown)`

:after {
content: '';
height: ${({ theme }) => theme.gridUnit}px;
width: ${({ theme }) => theme.gridUnit * 2}px;
background: url('/static/assets/images/icons/dropdown-arrow.svg');
Copy link
Member Author

Choose a reason for hiding this comment

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

the dropdown-arrow was small. The triangle-down button is bigger, with padding around it. These changes accommodate the layout change.

@@ -36,7 +36,6 @@
margin-bottom: 40px;
}

.fave-unfave-icon,
Copy link
Member Author

Choose a reason for hiding this comment

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

this doesn't appear necessary these days.

@rusackas rusackas changed the title Adding all icons from the design system to the codebase feat: adding all icons from the design system to the codebase Sep 24, 2020
@zhouyao1994
Copy link
Contributor

it's great~

@codecov-commenter
Copy link

codecov-commenter commented Sep 24, 2020

Codecov Report

Merging #11033 into master will decrease coverage by 4.16%.
The diff coverage is 97.19%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master   #11033      +/-   ##
==========================================
- Coverage   65.76%   61.60%   -4.17%     
==========================================
  Files         816      816              
  Lines       38374    38489     +115     
  Branches     3606     3606              
==========================================
- Hits        25238    23712    -1526     
- Misses      13028    14591    +1563     
- Partials      108      186      +78     
Flag Coverage Δ
#cypress ?
#javascript 61.94% <97.19%> (+0.24%) ⬆️
#python 61.40% <ø> (+0.01%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
...rontend/src/components/ErrorMessage/ErrorAlert.tsx 20.83% <0.00%> (ø)
superset-frontend/src/components/FaveStar.tsx 80.95% <ø> (-19.05%) ⬇️
...rset-frontend/src/components/Icon/icon.stories.jsx 0.00% <0.00%> (ø)
...c/components/ListViewCard/ListViewCard.stories.tsx 0.00% <ø> (ø)
...src/dashboard/components/HeaderActionsDropdown.jsx 62.22% <ø> (-6.67%) ⬇️
...perset-frontend/src/views/CRUD/chart/ChartList.tsx 71.79% <ø> (-10.97%) ⬇️
...rontend/src/views/CRUD/dashboard/DashboardList.tsx 70.08% <ø> (-6.64%) ⬇️
...tend/src/views/CRUD/data/database/DatabaseList.tsx 82.05% <ø> (ø)
...end/src/views/CRUD/data/database/DatabaseModal.tsx 60.76% <ø> (ø)
...nd/src/views/CRUD/data/dataset/AddDatasetModal.tsx 57.57% <ø> (ø)
... and 195 more

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 220c410...b299555. Read the comment docs.

@mistercrunch
Copy link
Member

OMG yes!

@rusackas rusackas merged commit eeeb210 into apache:master Sep 25, 2020
@rusackas rusackas deleted the populating-icons branch September 25, 2020 21:49
amitmiran137 pushed a commit to ofekisr/incubator-superset that referenced this pull request Sep 27, 2020
…boards_permissions

* upstream/master: (46 commits)
  fix: surface connection error messages on the client (apache#11077)
  fix(jest): using UTC mock date (apache#11079)
  removing unused component (apache#11072)
  changing to the correct hex color (apache#11073)
  style: remove unecessary padding (apache#11071)
  fix: database list checkboxes (apache#11068)
  feat: adding all icons from the design system to the codebase (apache#11033)
  fix: sql lab autocomplete width (apache#11063)
  clickable labels have outlines, storybook shows them (apache#11034)
  fixed routes for customer in docs (apache#11052)
  Revert "style: fix checkbox color (apache#10970)" (apache#11051)
  feat: add "created by" to dashboard CRUD view (apache#11030)
  Changed `tags.py` and `helpers.py` in `models` module: removed disabled pylint rule `unused_import`, changed unused arguments to private and removed disabled rule `unused-argument. Removed redundant rules.` (apache#11037)
  chore: updated lint rules in models module (apache#11036)
  Removed disable global pytlint rule `standarderror-builtin` which isn't appearing for Python3 (apache#11038)
  Enabled argument-differ for bulk_delete (apache#11039)
  Enabled no-self-use pylint rule in security. Formatter (apache#11041)
  Changed variable name from capitals to lowercase and changed lint rule (apache#11044)
  Revert "ESLint: Re-enable rule default-props-match-prop-types (apache#10868)" (apache#11050)
  feat(saved_queries): add custom api filter for all string & text fields (apache#11031)
  ...

# Conflicts:
#	superset/config.py
#	tests/dashboards/api_tests.py
amitmiran137 pushed a commit to ofekisr/incubator-superset that referenced this pull request Sep 27, 2020
…boards_permissions

* upstream/master: (46 commits)
  fix: surface connection error messages on the client (apache#11077)
  fix(jest): using UTC mock date (apache#11079)
  removing unused component (apache#11072)
  changing to the correct hex color (apache#11073)
  style: remove unecessary padding (apache#11071)
  fix: database list checkboxes (apache#11068)
  feat: adding all icons from the design system to the codebase (apache#11033)
  fix: sql lab autocomplete width (apache#11063)
  clickable labels have outlines, storybook shows them (apache#11034)
  fixed routes for customer in docs (apache#11052)
  Revert "style: fix checkbox color (apache#10970)" (apache#11051)
  feat: add "created by" to dashboard CRUD view (apache#11030)
  Changed `tags.py` and `helpers.py` in `models` module: removed disabled pylint rule `unused_import`, changed unused arguments to private and removed disabled rule `unused-argument. Removed redundant rules.` (apache#11037)
  chore: updated lint rules in models module (apache#11036)
  Removed disable global pytlint rule `standarderror-builtin` which isn't appearing for Python3 (apache#11038)
  Enabled argument-differ for bulk_delete (apache#11039)
  Enabled no-self-use pylint rule in security. Formatter (apache#11041)
  Changed variable name from capitals to lowercase and changed lint rule (apache#11044)
  Revert "ESLint: Re-enable rule default-props-match-prop-types (apache#10868)" (apache#11050)
  feat(saved_queries): add custom api filter for all string & text fields (apache#11031)
  ...

# Conflicts:
#	superset/config.py
#	tests/dashboards/api_tests.py
auxten pushed a commit to auxten/incubator-superset that referenced this pull request Nov 20, 2020
…#11033)

* error -> error-solid

* warning -> warning-solid

* all the new icons mixed in!

* card-view -> card_view

* circle-check-solid -> circle_check_solid

* corrected circle-check to new name and correct (stroke) icon

* sort-asc/desc -> sort_asc/desc

* databases -> database

* compass -> nav_explore

* pencil -> edit-alt

* more pencil migrations

* easy list view rename

* star -> favorite (changed in Figma)

* removing deprecated icon

* renaming icon to mach figma

* More -> More Horiz

* forgot to change this when ranming the file

* updating some icon names in use

* adding hella icons

* fixing errant viewboxes

* removing dropdown-arrow in favor of triangle-down

* adding key to storybook map.

* fixing icon component reference

* tweaks to fave star styling to support revised icon

* fixing a bad icon inclusion

* missed a license

* touchup to virtual dataset... will tweak later.

* e2e fix

* linting
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.38.0 labels Mar 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 0.38.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants