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.

Sign up for GitHub

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

Jump to bottom

Add tooltip over edit, add, delete buttons so it's known what they do #8

Open
nicolasperez19 opened this issue Oct 25, 2024 · 0 comments · May be fixed by #22
Open

Add tooltip over edit, add, delete buttons so it's known what they do #8

nicolasperez19 opened this issue Oct 25, 2024 · 0 comments · May be fixed by #22
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@nicolasperez19
Copy link
Owner

No description provided.

@nicolasperez19 nicolasperez19 added the enhancement New feature or request label Oct 25, 2024
@nicolasperez19 nicolasperez19 changed the title Add tooltip over edit, add, delete buttons so it's known what they do feat: Add tooltip over edit, add, delete buttons so it's known what they do Oct 25, 2024
@nicolasperez19 nicolasperez19 changed the title feat: Add tooltip over edit, add, delete buttons so it's known what they do Add tooltip over edit, add, delete buttons so it's known what they do Oct 25, 2024
@nicolasperez19 nicolasperez19 added the good first issue Good for newcomers label Oct 30, 2024
nkzarrabi added a commit to nkzarrabi/mic-master-flex that referenced this issue Oct 30, 2024
@nkzarrabi
Add tooltips over edit, add, delete buttons
52c9c64 
Fixes nicolasperez19#8

Add styled tooltips for edit, add, and delete buttons in `src/components/MicMasterFlex.tsx`.

* Wrap the edit, add, and delete buttons in a `div` with class `relative group`.
* Add a `div` with class `absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-max bg-black text-white text-xs rounded py-1 px-2 opacity-0 group-hover:opacity-100 transition-opacity` for each button to display the tooltip text.
* Retain the `title` attribute for basic tooltips.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/nicolasperez19/mic-master-flex/issues/8?shareId=XXXX-XXXX-XXXX-XXXX).
@nkzarrabi nkzarrabi linked a pull request Oct 30, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add tooltips over edit, add, delete buttons nkzarrabi/mic-master-flex
1 participant
@nicolasperez19