Skip to content

fix(portlets): UI consistency polish — Categories, Plugins, Tags & Lara theme post-migration #35274

@hmoreras

Description

@hmoreras

Summary

After migrating the Categories, Plugins, and Tags portlets and the Lara theme from Dojo to Angular, some minor UI inconsistencies remain across portlets. This issue tracks the polish and small bug fixes needed to bring them to a fully consistent state.

Background

Recently migrated by the Modernization team:

Known Issues / Checklist

Dialog Configuration

  • Categories create dialog missing position: 'center' (Tags sets it, Categories doesn't)
  • Inconsistent draggable config: Plugins sets draggable: false; Categories/Tags omit it (PrimeNG defaults to true)
  • Inconsistent resizable config: Plugins sets resizable: false; others omit it

Button Styling

  • Confirmation dialog reject button: Plugins uses p-button-outlined, Categories/Tags use p-button-text — standardize
  • Cancel button in form dialogs: Plugins uses [text]="true", Categories/Tags use [outlined]="true" severity="secondary" — standardize

Form Class Standardization

  • .checkbox.form-checkbox and .radio.form-radio in global styles and templates

Empty State

  • Icon rendering differs: Categories/Tags use w-20 h-20 rounded-full container; Plugins uses text-6xl inline icon — align to one approach

Search Input

  • Width strategy differs: Categories/Tags use w-80 (fixed); Plugins uses flex-1 max-w-xs (flexible) — standardize

Acceptance Criteria

  • All migrated portlets follow consistent patterns for dialog config, button styling, empty states, and search input sizing
  • Global form CSS classes are standardized (form-checkbox, form-radio)
  • No visual regressions in any affected portlet

Metadata

Metadata

Assignees

Type

No type

Projects

Status

In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions