Fix settings title readability with semi-transparent background #10791
+1
−1
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
Fixed the settings title visibility issue by adding a semi-transparent background layer to the header.
Problem
The settings title was becoming unreadable when content scrolled underneath it, as the header had no background to separate it from the scrolling content below.
Solution
Added the following CSS classes to the settings header:
bg-vscode-editor-background/95- 95% opacity background using VSCode theme colorsbackdrop-blur-sm- Subtle blur effect for visual separationsticky top-0 z-10- Keeps the header fixed at the top while scrollingChanges
webview-ui/src/components/settings/SettingsView.tsx- Added background styling to TabHeader componentTesting
Visual Impact
The settings title now has a semi-transparent background that:
@taltas Please review when you get a chance!
Important
Adds semi-transparent background to settings title in
SettingsView.tsxfor improved readability.bg-vscode-editor-background/95,backdrop-blur-sm,sticky top-0 z-10toTabHeaderinSettingsView.tsxto improve readability of settings title.This description was created by
for 1cbdb02. You can customize this summary. It will automatically update as commits are pushed.