Skip to content

Add tooltips for buttons in code display #5492

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

Merged
merged 1 commit into from
May 5, 2025

Conversation

Jazzcort
Copy link
Contributor

@Jazzcort Jazzcort commented May 2, 2025

Description

Before this fix, the functionality of the Insert and Copy buttons was unclear, as their icons alone did not provide enough information. Users had to interact with the buttons to understand their purpose. By adding tooltips, users now receive immediate context about each button's functionality. This not only improves usability but also ensures a more consistent user experience, as most other UI components already include tooltips.

I also added tooltips to Create File and Apply buttons to maintain consistency across the UI.

Checklist

  • I've read the contributing guide
  • The relevant docs, if any, have been updated or created
  • The relevant tests, if any, have been updated or created

Screenshots

ScreenRecording2025-05-02at2.55.36PM-ezgif.com-video-speed.mov

Testing instructions

Hover over these buttons and check if the tooltips appear properly.

Before this fix, the functionality of the Insert and Copy buttons was unclear,
as their icons alone did not provide enough information. Users had to interact
with the buttons to understand their purpose. By adding tooltips, users now
receive immediate context about each button's functionality. This not only
improves usability but also ensures a more consistent user experience, as most
other UI components already include tooltips.

I also added tooltips to Create File and Apply buttons to maintain consistency
across the UI.
@Jazzcort Jazzcort requested a review from a team as a code owner May 2, 2025 19:39
@Jazzcort Jazzcort requested review from sestinj and removed request for a team May 2, 2025 19:39
Copy link

netlify bot commented May 2, 2025

Deploy Preview for continuedev ready!

Name Link
🔨 Latest commit 56ab293
🔍 Latest deploy log https://app.netlify.com/sites/continuedev/deploys/68151f61d9126600081cd5f1
😎 Deploy Preview https://deploy-preview-5492--continuedev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

@sestinj sestinj left a comment

Choose a reason for hiding this comment

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

Love it! Thanks for doing this

@sestinj sestinj merged commit 8d1c213 into continuedev:main May 5, 2025
33 checks passed
@github-project-automation github-project-automation bot moved this from Todo to Done in Issues and PRs May 5, 2025
@Jazzcort
Copy link
Contributor Author

Jazzcort commented May 5, 2025

Thanks for reviewing!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

2 participants