Skip to content

feat(navbar-vertical-next): add inline collapse mode#2097

Open
mistrykaran91 wants to merge 1 commit into
mainfrom
feat/navbar-vertical-next-inline-collapse-portal
Open

feat(navbar-vertical-next): add inline collapse mode#2097
mistrykaran91 wants to merge 1 commit into
mainfrom
feat/navbar-vertical-next-inline-collapse-portal

Conversation

@mistrykaran91
Copy link
Copy Markdown
Member

@mistrykaran91 mistrykaran91 commented May 23, 2026

  • The collapse/expand icons are switched to elementLayoutPane2 / elementLayoutPane2Right when inlineCollapse mode
  • Updated example components and templates to include a control for inlineCollapse.

Related #1945


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request introduces an 'inline collapse' feature for the vertical navbar, allowing the navigation content to become inert while the toggle button remains accessible in the page flow. Feedback focuses on resolving unit test failures caused by missing CSS classes in the implementation and improving test reliability by replacing manual timeouts with fixture.whenStable() to comply with the repository style guide. Additionally, a suggestion was made to use the native [inert] property binding for more idiomatic Angular code.

Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.spec.ts Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.spec.ts Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.html Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.spec.ts Outdated
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch 2 times, most recently from 9ab1d22 to 5546113 Compare May 26, 2026 05:31
@mistrykaran91 mistrykaran91 marked this pull request as ready for review May 26, 2026 07:10
@mistrykaran91 mistrykaran91 requested review from a team as code owners May 26, 2026 07:10
Comment thread playwright/e2e/element-examples/navbar-vertical-next.spec.ts Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.scss Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.scss Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.scss Outdated
Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.spec.ts Outdated
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch from 9e7d0f3 to 26b02fc Compare May 26, 2026 14:35
@mistrykaran91 mistrykaran91 requested a review from spliffone May 26, 2026 14:35
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch from 8a15875 to 9d8a0b7 Compare May 27, 2026 05:28
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch 2 times, most recently from 7426f9e to 871d93b Compare May 27, 2026 13:13
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch from 871d93b to 0d5acb9 Compare May 27, 2026 13:19
@kfenner kfenner added this pull request to the merge queue May 27, 2026
@github-merge-queue github-merge-queue Bot removed this pull request from the merge queue due to failed status checks May 27, 2026
- The collapse/expand icons are switched to elementLayoutPane2 /
elementLayoutPane2Right when `inlineCollapse` mode
- Updated example components and templates to include a control for inlineCollapse.

Related #1945
@mistrykaran91 mistrykaran91 force-pushed the feat/navbar-vertical-next-inline-collapse-portal branch from 6329127 to 266ef69 Compare May 28, 2026 05:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants