Skip to content

Add specific CSS props to Dialog #11873

@previnWong

Description

@previnWong

Check existing issues

Description

Right now to override the CSS props for dialog, you have to use the panel and action css tokens. There should be similar CSS props for dialog to manipulate.

Image

Acceptance Criteria

When you can use

--calcite-dialog-header-background-color
--calcite-dialog-action-background-color
--calcite-dialog-heading-text-color
--calcite-dialog-action-text-color

Relevant Info

No response

Which Component

Calcite-dialog

Example Use Case

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/calcite-ui-icons
  • @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Solutions

Metadata

Metadata

Assignees

Labels

4 - verifiedIssues that have been tested, confirmed as mitigated, and are ready to close.ArcGIS SolutionsIssues logged by ArcGIS Solutions team members.design-tokensIssues requiring design tokens.enhancementIssues tied to a new feature or request.estimate - 3A day or two of work, likely requires updates to tests.impact - p3 - not time sensitiveUser set priority impact status of p3 - not time sensitivep - lowIssue is non core or affecting less that 10% of people using the library

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions