Skip to content

fix(ui): update DotCopyButton look & feel for PrimeNG 21 / Angular 21 #34451

@hmoreras

Description

@hmoreras

Problem

The dot-copy-button component styling/structure doesn’t match PrimeNG 21 + Angular 21 look & feel across the app.

Impacted screens (template usages)

  • core-web/libs/ui/src/lib/components/dot-ai-image-prompt/components/ai-image-prompt-form/ai-image-prompt-form.component.html
  • core-web/libs/block-editor/src/lib/extensions/ai-content-prompt/ai-content-prompt.component.html
  • core-web/apps/dotcms-ui/src/app/portlets/dot-starter/components/onboarding-dev/onboarding-dev.component.html
  • core-web/libs/portlets/dot-locales/portlet/src/lib/dot-locales-list/components/dot-locale-create-edit/dot-locale-create-edit.component.html (3)
  • core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-configuration/components/dot-experiments-configuration-variants/dot-experiments-configuration-variants.component.html
  • core-web/libs/edit-content/src/lib/components/dot-edit-content-sidebar/dot-edit-content-sidebar.component.html
  • core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/layout/content-types-layout.component.html (2)
  • core-web/libs/edit-content/src/lib/fields/dot-edit-content-binary-field/components/dot-binary-field-preview/dot-binary-field-preview.component.html
  • core-web/libs/edit-content/src/lib/components/dot-edit-content-sidebar/components/dot-edit-content-sidebar-history/components/dot-pushpublish-timeline-item/dot-pushpublish-timeline-item.component.html
  • core-web/libs/edit-content/src/lib/fields/dot-edit-content-file-field/components/dot-file-field-preview/dot-file-field-preview.component.html

Component

  • core-web/libs/ui/src/lib/components/dot-copy-button/dot-copy-button.component.ts

Examples

Image Image

Acceptance criteria

  • dot-copy-button matches PrimeNG 21 button/tooltip styles
  • Visual consistency across all locations above
  • No regressions in copy/tooltip behavior ("Copy" -> "Copied" -> reset)

Metadata

Metadata

Type

Projects

Status

QA

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions