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

Migrate icons to codicon in dependency explorer #242

Merged
merged 10 commits into from
Mar 19, 2020
Merged

Migrate icons to codicon in dependency explorer #242

merged 10 commits into from
Mar 19, 2020

Conversation

jdneo
Copy link
Member

@jdneo jdneo commented Mar 13, 2020

resolve #246

This PR is to totally migrate the icons in dependency explorer to codicon.

Before:
Screen Shot 2020-03-13 at 10 59 39 AM
After:
Screen Shot 2020-03-13 at 11 18 15 AM

@testforstephen @akaroml @Eskibear Please take a look when you have time, let me know if this UI change is acceptable or if you have any suggestions.

Reference: https://microsoft.github.io/vscode-codicons/dist/codicon.html

Copy link
Member

@akaroml akaroml left a comment

Choose a reason for hiding this comment

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

One major goal of this change is to use themes. So we need to prioritize for real meanings, and then the image.

protected get iconPath(): { light: string, dark: string } {
return ExplorerNode.resolveIconPath("library");
protected get iconPath(): ThemeIcon {
return new ThemeIcon("inbox");
Copy link
Member

Choose a reason for hiding this comment

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

We are actually looking for "books" right? But it's not there. How about " files"?

Copy link
Member

Choose a reason for hiding this comment

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

Can we request books in vscode repo?

Copy link
Member Author

Choose a reason for hiding this comment

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

protected get iconPath(): { light: string; dark: string } {
return ExplorerNode.resolveIconPath("package");
protected get iconPath(): ThemeIcon {
return new ThemeIcon("symbol-namespace");
Copy link
Member

Choose a reason for hiding this comment

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

I would suggest "symbol-package".

const data = <IPackageRootNodeData>this.nodeData;
if (data.entryKind === PackageRootKind.K_BINARY) {
return ExplorerNode.resolveIconPath("jar");
return new ThemeIcon("archive");
Copy link
Member

Choose a reason for hiding this comment

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

Suggest "file-zip"

@jdneo
Copy link
Member Author

jdneo commented Mar 13, 2020

Now:
Screen Shot 2020-03-13 at 5 55 36 PM

@jdneo jdneo added this to the 0.9.1 milestone Mar 16, 2020
Copy link
Member

@akaroml akaroml left a comment

Choose a reason for hiding this comment

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

LGTM!

@jdneo jdneo merged commit d82ef71 into master Mar 19, 2020
@jdneo jdneo deleted the cs/codicon branch March 19, 2020 07:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Migrate to VS Code Icons
2 participants