fix: ensure namespace detail drawer has no transparency #12

2026-02-12T13:21:15Z

cpfarhood commented

2026-02-12 13:21:15 +00:00

(Migrated from github.com)

Problem

Namespace detail drawer may show transparency in certain theme conditions.

Solution

Add explicit opacity: 1 to drawer panel styles to ensure it's completely opaque in both light and dark modes.

Changes

Before:

style={{
  position: 'fixed',
  // ...
  backgroundColor: 'var(--mui-palette-background-paper)',
  // ...
}}

After:

style={{
  position: 'fixed',
  // ...
  backgroundColor: 'var(--mui-palette-background-paper)',
  // ...
  opacity: 1,
}}

Testing

Build plugin: npm run build
Install in Headlamp
Navigate to Polaris → Namespaces
Click a namespace to open detail drawer
Verify drawer background is fully opaque in both light and dark modes

## Problem Namespace detail drawer may show transparency in certain theme conditions. ## Solution Add explicit `opacity: 1` to drawer panel styles to ensure it's completely opaque in both light and dark modes. ### Changes **Before:** ```tsx style={{ position: 'fixed', // ... backgroundColor: 'var(--mui-palette-background-paper)', // ... }} ``` **After:** ```tsx style={{ position: 'fixed', // ... backgroundColor: 'var(--mui-palette-background-paper)', // ... opacity: 1, }} ``` ## Testing 1. Build plugin: `npm run build` 2. Install in Headlamp 3. Navigate to Polaris → Namespaces 4. Click a namespace to open detail drawer 5. Verify drawer background is fully opaque in both light and dark modes ## Related - PR #7: Fixed drawer to use `background-paper` variable - PR #6: Added dark mode support 🤖 Generated with [Claude Code](https://claude.com/claude-code)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: privilegedescalation/headlamp-polaris-plugin#12