Skip to content

Conversation

@adrianjm-dotCMS
Copy link
Contributor

@adrianjm-dotCMS adrianjm-dotCMS commented Jan 30, 2026

Description

This PR addresses several UI inconsistencies and layout issues within the Content Drive portlet to ensure it aligns with the design specifications. The changes focus on the tree panel navigation, command bar alignment, and general visual polish.

Changes

1. Tree Panel Improvements

  • Site Icon: Fixed an issue where the site icon was missing in the left side tree panel.
  • "All" Folder Icon: Updated the icon for the "All" folder from a generic folder to folder-open to provide better visual feedback for the root container.

2. Command Bar Adjustments

  • Alignment: Corrected the command bar's horizontal alignment to ensure it is perfectly flushed with the item list checkboxes.
  • Vertical Padding: Adjusted the vertical padding of the command bar to meet standard spacing guidelines, improving the overall balance of the header area.

3. Visual Polish

  • Double Line Removal: Fixed a CSS/layout issue that caused a redundant double line separator to appear in the interface.

Verification Plan

  • Manually verified icon visibility and correctness in the tree panel.
  • Verified alignment and padding of the command bar.
  • Confirmed the removal of the redundant line.
  • Ran existing unit tests to ensure no regressions in functionality.

DEMO:

Screen.Recording.2026-01-30.at.11.08.12.AM.mov

This PR fixes: #34141

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR implements feedback-driven improvements to the Content Drive feature, focusing on CSS standardization, test robustness, and template modernization.

Changes:

  • Corrected PrimeNG CSS selector from incorrect p-tree-node to the standard p-treenode
  • Standardized Tailwind CSS classes using numeric shorthand notation and proper CSS variable syntax
  • Enhanced test coverage with explicit null checks, MutationObserver mocking, and removed unused imports
  • Modernized templates using Angular's @if directive instead of CSS class-based visibility toggling
  • Fixed SVG asset paths to use proper relative paths

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated no comments.

Show a summary per file
File Description
dot-tree-folder.component.scss Corrected PrimeNG tree node selector from p-tree-node to p-treenode (proper PrimeNG v21 class name)
dot-folder-list-view.component.html Simplified Tailwind class from max-w-[400px] to max-w-100 for consistency
test-setup.ts Added MutationObserver mock to support PrimeNG components in tests
withSidebar.spec.ts Enhanced test with explicit null check and error throwing for better type safety
dot-content-drive-shell.component.html Simplified width classes from bracket notation to numeric shorthand (w-66)
dot-content-drive-toolbar.component.spec.ts Removed unused By import and updated test to check for null instead of invisible class
dot-content-drive-toolbar.component.html Modernized to use @if directive for conditional rendering instead of CSS visibility classes
dot-content-drive-tree-toggler.component.html Fixed SVG path from /assets/ to ./assets/ for proper relative path resolution
dot-content-drive-content-type-field.component.html Standardized CSS variable syntax to text-(--gray-500) format

@semgrep-code-dotcms-test
Copy link

Legal Risk

The following dependencies were released under a license that
has been flagged by your organization for consideration.

Recommendation

While merging is not directly blocked, it's best to pause and consider what it means to use this license before continuing. If you are unsure, reach out to your security team or Semgrep admin to address this issue.

GPL-2.0

MPL-2.0

@hmoreras hmoreras merged commit f5ac903 into issue-33882-primeng-update Jan 30, 2026
13 checks passed
@hmoreras hmoreras deleted the 34141-feedback-content-drive branch January 30, 2026 15:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

3 participants