Skip to content

Change keybinding display to inline-flex for better alignment#278595

Merged
mrleemurray merged 2 commits intomainfrom
mrleemurray/gorgeous-puma-lime
Nov 20, 2025
Merged

Change keybinding display to inline-flex for better alignment#278595
mrleemurray merged 2 commits intomainfrom
mrleemurray/gorgeous-puma-lime

Conversation

@mrleemurray
Copy link
Contributor

@mrleemurray mrleemurray commented Nov 20, 2025

Update the keybinding display style to use inline-flex for improved alignment and consistent widths. This change enhances the visual presentation of keybindings.

image image image

Copilot AI review requested due to automatic review settings November 20, 2025 14:35
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR updates the keybinding label styling to use flexbox for improved alignment. The change converts individual keybinding keys from inline-block to inline-flex display mode to ensure consistent widths and better centering of content.

  • Changed .monaco-keybinding-key from inline-block to inline-flex display
  • Added justify-content: center and min-width: 12px for consistent sizing
  • Removed obsolete vertical-align: middle property (not applicable to flex items)

@mrleemurray mrleemurray self-assigned this Nov 20, 2025
@mrleemurray mrleemurray added this to the November 2025 milestone Nov 20, 2025
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@mrleemurray mrleemurray marked this pull request as ready for review November 20, 2025 14:46
@vs-code-engineering
Copy link

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@bpasero

Matched files:

  • src/vs/base/browser/ui/keybindingLabel/keybindingLabel.css

@mrleemurray mrleemurray merged commit 9e7b3b2 into main Nov 20, 2025
28 checks passed
@mrleemurray mrleemurray deleted the mrleemurray/gorgeous-puma-lime branch November 20, 2025 15:05
@vs-code-engineering vs-code-engineering bot locked and limited conversation to collaborators Jan 4, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants