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

Enhance Vertical Icons Panel: Show All Plugin Names on Hover and Add "Close Others" Functionality #5846

Open
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

VolodymyrBg
Copy link

Description

This PR addresses issue #5830 by implementing two key UX improvements to the vertical icons panel:

  1. Show All Plugin Names on Hover: When users hover over the vertical icons panel, a tooltip now appears displaying the names of all available plugins, making it easier to identify and locate the desired plugin.
    Close Others Functionality: Adds the ability to close all plugins except a specific one through two methods:
    A "Close Others" button next to active plugins in the tooltip
    A "Close Others" option in the plugin's context menu (right-click menu)

Why

When users have multiple plugins open, it can be difficult to identify and locate the right one. Additionally, there was no easy way to close all plugins except one. These improvements address both issues.

How

Added mouse hover detection to the vertical icons panel
Created a tooltip component that displays all plugin names
Added a "Close Others" functionality accessible via tooltip and context menu
Added smooth CSS animations for better UX

Related Issue

Closes #5830

Copy link

netlify bot commented Mar 6, 2025

👷 Deploy request for remixproject pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit d45576b

@Aniket-Engg
Copy link
Collaborator

@VolodymyrBg build is failing

@Aniket-Engg Aniket-Engg force-pushed the issue branch 2 times, most recently from a6caa1e to a323dc4 Compare March 13, 2025 13:41
@Aniket-Engg
Copy link
Collaborator

@VolodymyrBg can you resolve conflicts?

@VolodymyrBg
Copy link
Author

@VolodymyrBg can you resolve conflicts?

I will try

@VolodymyrBg
Copy link
Author

@Aniket-Engg Done

@Aniket-Engg
Copy link
Collaborator

@LianaHus please review

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.

When hovering the vertical icons panel, show the all the plugins name.
2 participants