Fix vertical three-dot menu button styling #18
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Replaces delete button and click-to-edit with a three-dot menu button that appears on hover. The menu provides options to rename or delete sessions. Menu closes when clicking outside or after selecting an option. Changes: - Added three-dot menu button that appears on hover - Menu contains "Rename" and "Delete" options - Removed direct click-to-edit on session name - Removed standalone delete button - Added click-outside handler to close menus - Delete option highlights red on hover for clarity Co-Authored-By: Claude <noreply@anthropic.com>
Adjusts the hover state to properly fit the vertical menu button instead of appearing as a wide rectangle. The button now has a more natural pill-shaped hover background that wraps around the vertical dots. Changes: - Reduced font size from 16px to 14px for more compact appearance - Adjusted padding to 6px vertical, 3px horizontal (was 2px/4px) - Reduced letter-spacing from -4px to -2px for better dot spacing - Adjusted line-height to 0.8 to keep dots closer together - Increased border-radius to 6px for pill-shaped hover effect - Removed fixed width to allow natural content sizing Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Fixes the hover state styling for the vertical three-dot menu button. Previously, the hover background appeared as a wide rectangle that looked funky and cut through the button. Now it has a natural pill-shaped appearance that wraps properly around the vertical dots.
Changes
Test plan