Open jesseadamsnpgs opened 7 months ago
Dashboards team is also interested in this.
We'll be introducing user-configurable "information windows" and would like more flexible styling options, specifically being able to target only the header background:
A separate CSS variable for the header would be great.
With the deprecation of the modal
component, in favor of dialog
- re-scoping the title of the request to dialog
. Implementation timeline TBD after the initial token effort makes headway in #7180 ✨
Check existing issues
Description
Currently the --calcite-modal-content-background variable works well for customizing the background color of the modal content, however, there isn't a clear way to customize only the modal header or footer background colors. The --calcite-ui-foreground-1 variable is used as the header background color, however, changing that variable results in also changing the header and footer background colors. It would be great if the header, content, and footer had separate CSS variables for more flexible targeted styling.
Acceptance Criteria
Separate background color override selectors, ie:
--calcite-modal-header-background --calcite-modal-footer-background
Relevant Info
No response
Which Component
calcite-modal
Example Use Case
No response
Priority impact
p4 - not time sensitive
Calcite package
Esri team
N/A