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

Switch to SVG icons #538

Merged
merged 10 commits into from
Jan 26, 2018
Merged

Switch to SVG icons #538

merged 10 commits into from
Jan 26, 2018

Conversation

Akryum
Copy link
Member

@Akryum Akryum commented Jan 21, 2018

Massive quality improvement on Windows and less issues than fonticon.
The icons are wrapped in a new <BaseIcon icon="done"/> component for convenience.

@Akryum
Copy link
Member Author

Akryum commented Jan 21, 2018

⚠️ Some adjustments will be necessary after #519 will be merged.

@Akryum
Copy link
Member Author

Akryum commented Jan 21, 2018

Windows 10 Chrome 63

Before:

image

After:

image

@Akryum Akryum added this to the v4.2.0 milestone Jan 21, 2018
const iconsWrapper = document.createElement('div')
iconsWrapper.style.display = 'none'
// Load all the SVG symbols
const icons = require.context('raw-loader!material-design-icons/sprites/svg-sprite', false, /svg-sprite-(\w+)-symbol\.svg$/i)
Copy link
Member

Choose a reason for hiding this comment

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

That's actually clever 👍

Copy link
Member

@michalsnik michalsnik left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@Akryum Akryum merged commit 28df5c4 into vuejs:master Jan 26, 2018
@Akryum Akryum deleted the svg-icons branch January 26, 2018 15:06
@Akryum Akryum modified the milestones: v4.2.0, v4.1.2 Jan 26, 2018
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