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

Change the filebrowser home icon to a folder #6553

Merged
merged 3 commits into from Jun 13, 2019

Conversation

jasongrout
Copy link
Contributor

@jasongrout jasongrout commented Jun 12, 2019

References

See #6539

Code changes

User-facing changes

Changes the home icon in the filebrowser to be a folder icon and use slash as separators. Some thoughts around this are in #6539

Screen Shot 2019-06-12 at 1 25 51 PM

Screen Shot 2019-06-12 at 1 26 01 PM

Screen Shot 2019-06-12 at 1 26 08 PM

Screen Shot 2019-06-12 at 1 28 23 PM

Backwards-incompatible changes

@jupyterlab-dev-mode
Copy link

Thanks for making a pull request to JupyterLab!

To try out this branch on binder, follow this link: Binder

@jasongrout jasongrout added this to the 1.0 milestone Jun 12, 2019
@jasongrout
Copy link
Contributor Author

Putting on 1.0 for part of the design review, but of course could be bumped if we feel the change is not worth trying to get into 1.0.

@tgeorgeux
Copy link
Contributor

Related to the discussion we're having in #6207 , if we are going to call this file location out with text I think it may be a better idea to call that out as the name of the folder that is your root directory. It doesn't make sense to me to abstract an additional 'root' directory.

@jasongrout
Copy link
Contributor Author

I like your idea of a folder icon even better than using the word "Root"

…rators

This implements @tgeorgux’s design from jupyterlab#6207

The slight difference in this commit is that it also includes a final slash. This adds a bit to the visual complexity, but makes it much more clear that the final thing is a directory, and you should think about the full path as that directory, slash, something in the filebrowser list.
@jasongrout
Copy link
Contributor Author

@tgeorgeux - what do you think? I added screenshots in the description.

@jasongrout
Copy link
Contributor Author

The one thing about using the folder icon is that it means there are three folder icons in close proximity that all mean something different: (file browser tab, add new folder, and server root folder).

@jasongrout jasongrout changed the title Change the filebrowser home icon to "Root" Change the filebrowser home icon to a folder Jun 13, 2019
Copy link
Member

@ian-r-rose ian-r-rose left a comment

Choose a reason for hiding this comment

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

This looks mostly good to me. I suspect the "home" icon can be safely deleted from the theme packages.

I'll let @ellisonbg or @tgeorgeux make the final call on the design.

packages/filebrowser/src/crumbs.ts Show resolved Hide resolved
packages/filebrowser/src/crumbs.ts Outdated Show resolved Hide resolved
packages/filebrowser/src/crumbs.ts Show resolved Hide resolved
@jasongrout
Copy link
Contributor Author

Merging since the design came from @tgeorgeux. @ellisonbg, if you have any concerns, let's address it in another PR.

@jasongrout jasongrout merged commit 1f0d941 into jupyterlab:master Jun 13, 2019
@jasongrout
Copy link
Contributor Author

(the one concern I have is that the folder icon is being used in three different places in close proximity with different meanings)

@lock
Copy link

lock bot commented Aug 6, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related discussion.

@lock lock bot locked as resolved and limited conversation to collaborators Aug 6, 2019
@jasongrout jasongrout added the status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion. label Aug 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
pkg:filebrowser status:resolved-locked Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion. tag:Design and UX
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants