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 inline tab renaming functionality #4

Open
fabaguirre opened this issue Dec 6, 2024 · 0 comments · May be fixed by #5
Open

Add inline tab renaming functionality #4

fabaguirre opened this issue Dec 6, 2024 · 0 comments · May be fixed by #5

Comments

@fabaguirre
Copy link

Proposal

Introduce the ability to rename tabs directly in the UI, enhancing the user experience by allowing seamless updates to tab names.

Why?

Currently, the application does not provide a way to rename tabs. Adding this feature will:

  • Improve the usability of the application by allowing users to manage tabs more effectively.
  • Align with common UX patterns in similar tools.

Implementation

  • Updated the Tab component to support inline renaming using an input field.
  • Added updateTab functionality to the store for persisting name changes.
  • Included visual enhancements, such as a subtle transition for the renaming input.

How it works

  1. Users can click on a tab name to activate an input field for editing.
  2. The new name is saved when the user presses Enter or blurs the input field.
  3. Changes are immediately reflected across the application.

GIFs

ezgif-4-92f2b1f611
@fabaguirre fabaguirre linked a pull request Dec 6, 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
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: add support for inline tab renaming fabaguirre/log.js
1 participant
@fabaguirre