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

Style: close icon highlights on tab hover #12806

Merged

Conversation

FernandoAscencio
Copy link
Contributor

What it does

This commit brings the mouse onHover behavior on tabs closer to VS Code behavior.
Currently:
OnHoverSmallIssue

On VS Code:
OnHoverSmallIssueVSCODE

This request:
OnHoverSmallIssueFixed

I have kept the lines in tabs.css despite them seemingly being obsolete. The function of the style implemented in lines 256-261 seems to be redundant as eliminating them caused no visible change in the styling.

How to test

  1. Open Theia
  2. Hover over open tabs

Review checklist

Reminder for reviewers

This fixes a small issue where the close icon is highlighted when mouse
hovers over tab instead of over button only.

Signed-By: Fernando Ascencio <[email protected]>
@vince-fugnitto vince-fugnitto added the ui/ux issues related to user interface / user experience label Aug 7, 2023
Copy link
Member

@msujew msujew left a comment

Choose a reason for hiding this comment

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

Looks good to me 👍

I can confirm that this aligns our hover behavior better to vscode.

@msujew msujew merged commit f84e7d6 into eclipse-theia:master Aug 17, 2023
6 checks passed
@vince-fugnitto vince-fugnitto added this to the 1.41.0 milestone Aug 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ui/ux issues related to user interface / user experience
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants