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

tree-view: update styling when the tree row content cannot be fully displayed #7145

Closed
vince-fugnitto opened this issue Feb 12, 2020 · 6 comments
Labels
help wanted issues meant to be picked up, require help plug-in system issues related to the plug-in system ui/ux issues related to user interface / user experience vscode issues related to VSCode compatibility

Comments

@vince-fugnitto
Copy link
Member

Description

The styling of tree-view components (ex: 'npm scripts') should be updated so we are consistent with the rest of the application.

Namely, when a tree-view row's content cannot be fully displayed, the row should display ellipsis like other trees in the application. At the moment, the styling is inconsistent:

Screen Shot 2020-02-12 at 11 05 02 AM

Additional Information

Related Pull-Requests:

@vince-fugnitto vince-fugnitto added help wanted issues meant to be picked up, require help ui/ux issues related to user interface / user experience labels Feb 12, 2020
@akosyakov akosyakov added plug-in system issues related to the plug-in system vscode issues related to VSCode compatibility labels Feb 13, 2020
@garethwhittaker
Copy link
Contributor

Hi @vince-fugnitto.

I don't see this issue in Gitpod. I've taken a screenshot showing the ellipsis being applied.
Notably the spanner icon for npm scripts is also different.

@vince-fugnitto
Copy link
Member Author

Hi @vince-fugnitto.

I don't see this issue in Gitpod. I've taken a screenshot showing the ellipsis being applied.
Notably the spanner icon for npm scripts is also different.

Hi @garethwhittaker, in your screenshot, are you displaying Gitpod itself or simply using Gitpod to open Theia? If it’s the former, it’s possible that Gitpod is using an older version of Theia that does not have this regression.

@vince-fugnitto
Copy link
Member Author

@garethwhittaker I've verified again with master:

Screen Shot 2020-02-15 at 10 23 25 AM

The fix was initially present as part of #6939 but due to other issues it was reverted as part of #7124. #7124 fixed some problems with how other plugin views were displayed at the expense that rows present in tree-views did not successfully display ellipsis when their content could not be displayed entirely.

@garethwhittaker
Copy link
Contributor

Yes you're right @vince-fugnitto. Whilst the issue doesn't appear in Gitpod, it does when using Gitpod to view latest Theia.

I can take a look at resolving this regression and provide an update in the next week.

@vince-fugnitto
Copy link
Member Author

I can take a look at resolving this regression and provide an update in the next week.

Sure! That'd be great, please keep #7124 in mind during your updates, other plugin views (such as gitlens) should be displayed correctly as well.

@vince-fugnitto
Copy link
Member Author

Closed by #7237

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted issues meant to be picked up, require help plug-in system issues related to the plug-in system ui/ux issues related to user interface / user experience vscode issues related to VSCode compatibility
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants