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

Update iconography #357

Merged
merged 4 commits into from
Jan 25, 2021
Merged

Update iconography #357

merged 4 commits into from
Jan 25, 2021

Conversation

richardwestenra
Copy link
Contributor

Description

  1. Update icons with new paths that @GabrielComymQB sent over via Zeplin.
  2. Remove unnecessary .pipeline-icon--stroke class, that is no longer needed now that the paths for the relevant icons have been converted to strokes.
  3. Remove xmlns attributes from inline SVGs. These attributes aren't necessary when SVGs are embeddded in HTML.

Development notes

The most noteworthy thing is that many of the icons' paths lengths have changed, and some of them are a bit less complex, being outlined rather than stroked. This has allowed some of them to be simplified.

QA notes

The differences are subtle - mainly, some of the icons are a little smaller - especially the theme, text labels, and minimap icons. The best way to compare them is to open the demo page in another tab and switch back and forth between the dev site and the demo.

image

Checklist

  • Read the contributing guidelines
  • Opened this PR as a 'Draft Pull Request' if it is work-in-progress
  • Updated the documentation to reflect the code changes
  • Added new entries to the RELEASE.md file
  • Added tests to cover my changes

Legal notice

  • I acknowledge and agree that, by checking this box and clicking "Submit Pull Request":

  • I submit this contribution under the Apache 2.0 license and represent that I am entitled to do so on behalf of myself, my employer, or relevant third parties, as applicable.

  • I certify that (a) this contribution is my original creation and / or (b) to the extent it is not my original creation, I am authorised to submit this contribution on behalf of the original creator(s) or their licensees.

  • I certify that the use of this contribution as authorised by the Apache 2.0 license does not violate the intellectual property rights of anyone else.

This class is no longer needed now that the paths for the relevant icons have been converted to strokes
@bru5
Copy link
Contributor

bru5 commented Jan 22, 2021

Looks good!

A minor thing, might just need my eyes to adjust, but do you think the layers icon might need to be a little smaller here? Say 1.65em (or equivalent SVG change) to appear roughly the same size as the surrounding icons?

@richardwestenra
Copy link
Contributor Author

@bru5 I had the same thought - it wasn't included in this icon set so I wasn't able to update it. I'd prefer to update the SVG rather than use CSS. I'll ping @GabrielComymQB about it.

@richardwestenra richardwestenra requested a review from comym January 22, 2021 15:37
@richardwestenra
Copy link
Contributor Author

@bru5 Have updated the layers icon with @GabrielComymQB's approval:
image

@richardwestenra richardwestenra changed the title [KED-1901] Update iconography Update iconography Jan 25, 2021
@richardwestenra richardwestenra merged commit b15ca53 into main Jan 25, 2021
@richardwestenra richardwestenra deleted the feature/iconography branch January 25, 2021 15:15
@richardwestenra richardwestenra mentioned this pull request Feb 17, 2021
1 task
richardwestenra added a commit that referenced this pull request Feb 19, 2021
# Release 3.9.0

## Major features and improvements

- Add code panel (#346)
- Improve view panning behaviour when a node is selected (#356, #363, #370, #373, #374)
- Improve layout performance for large graphs (#343)
- Save tag state to localStorage (#353)

## Bug fixes and other changes

- Improve graph layout code quality, performance and docs (#347)
- Update docs to remind on compatibility of Kedro-Viz 3.8.0 with Kedro 0.17 (#367)
- Update dependencies (#360, #364, #369)
- Fix failing CircleCI build on Windows (#365, #366)
- Refactor node-list-row CSS, fixing hover and focus states (#355, #358, #362)
- Update iconography (#357, #359)
- Fix missing indicator Chrome zoom bug (#349)
- Fix sidebar border/box-shadow CSS rules (#351)
- Fix server.py to work with versions >0.17 and update contributing docs (#348)
- Fix errors when scrolling with empty pipeline (#342)
- Ignore coverage on some branches and fix e2e tests (#345)
- Fix icon-button tooltips on mobile (#344)
- Update SVG-Crowbar to fix errors (#339)
- Update contributing docs for new dev server (#341)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants