Skip to content

Enhance blur and increase logi width#24

Open
vjaykrsna wants to merge 2 commits into
glennraya:mainfrom
vjaykrsna:main
Open

Enhance blur and increase logi width#24
vjaykrsna wants to merge 2 commits into
glennraya:mainfrom
vjaykrsna:main

Conversation

@vjaykrsna

Copy link
Copy Markdown

This pull request updates the custom blur effect for the VS Code command palette to be more efficient, robust, and compatible with future updates. The changes improve both the JavaScript logic for applying/removing the blur effect and the CSS for the blur overlay.

Enhancements to the command palette blur effect:

  • Refactored vscode-script.js to use MutationObservers for detecting when the command palette is shown or hidden, improving performance and reliability over the previous polling approach. The script now efficiently applies and removes the blur effect and manages sticky widget visibility.
  • Added comments and modularized the JavaScript for clarity and maintainability, with separated functions for showing/hiding the blur and handling keyboard events.

Visual improvements:

  • Increased the blur overlay width in custom-vscode.css from 60% to 90% for better coverage when the command palette is open.

⚠ Width can be subjective maybe we can do 75-80 if you want

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant