-
Notifications
You must be signed in to change notification settings - Fork 108
Panel - update to support compass panel features #8055
Description
📝 Problem Statement
The Compass Panel is used as a flexible glass container in the Compass layout. To support glass in PatternFly outside of the Compass layout, we will need a globally available flexible glass container. To maintain a single source of truth, we're removing the Compass Panel in favor of using the Panel component. However, the standard Panel currently lacks several specific features required by existing implementations.
💡 Proposed Solution
Port the unique styling features from the Compass Panel into the standard Panel component.
🛠 Scope & Tasks
Ensure the following Compass Panel features exist in the Panel component. Note that some of these may already be available in the Panel. We just need to make sure these features work in the Panel for compass/glass use cases.
-
.pf-m-no-border: Logic to toggle border visibility. -
.pf-m-no-padding: Option to remove internal spacing. -
.pf-m-full-height: Utility to force height: 100%. -
.pf-m-no-glass: Removal of frosted/glass background effects. -
.pf-m-pill: Implementation of high border-radius for pill-shaped styling. -
.pf-m-scrollable: CSS to handle internal overflow scrolling. -
.pf-m-glass: opt-in for a glass container.
In glass theme, when used in a compass layout, panel should be glass by default with an opt-out.
✅ Definition of Done
-
The features above are supported in the Panel component.
-
Visual regression test: A Panel with these modifiers looks identical to the old Compass Panel. This can be achieved by testing the existing Compass demos with Panel instead of Compass Panel.
-
Panel component examples and docs are updated with any new/changed features.
-
No breaking changes to existing Panel implementations that don't use these flags.
Jira Issue: PF-3416
Metadata
Metadata
Assignees
Labels
Type
Projects
Status