Skip to content

Divyanshu | Design improvement#511

Merged
Saurabh186 merged 1 commit intodevelopmentfrom
divyanshu-dev
Apr 1, 2026
Merged

Divyanshu | Design improvement#511
Saurabh186 merged 1 commit intodevelopmentfrom
divyanshu-dev

Conversation

@dvCodeWorld
Copy link
Copy Markdown
Collaborator

  • Replace BehaviorSubject with signal for isSideNavOpen state management
  • Update template to use signal syntax instead of async pipe
  • Improve user profile section layout with better spacing and text overflow handling
  • Add tooltip to user profile button showing full display name
  • Update dark theme color variable from neutral-40 to neutral-80
  • Add CSS rule for full-width button label support
  • Remove unused BehaviorSubject import

- Replace BehaviorSubject with signal for isSideNavOpen state management
- Update template to use signal syntax instead of async pipe
- Improve user profile section layout with better spacing and text overflow handling
- Add tooltip to user profile button showing full display name
- Update dark theme color variable from neutral-40 to neutral-80
- Add CSS rule for full-width button label support
- Remove unused BehaviorSubject import
Copy link
Copy Markdown

@windsurf-bot windsurf-bot bot left a comment

Choose a reason for hiding this comment

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

💡 To request another review, post a new comment with "/windsurf-review".

<proxy-main-left-side-nav
class="mat-drawer-nav proxy-left-menu"
[isSideNavOpen]="!(isSideNavOpen | async)"
[isSideNavOpen]="!isSideNavOpen()"
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

There appears to be a potential logic issue with the isSideNavOpen property passed to the proxy-main-left-side-nav component. The component receives [isSideNavOpen]="!isSideNavOpen()", which negates the value. This might be intentional, but it's worth confirming that the child component expects the inverse of the parent's state to function correctly.

{{ user.displayName }}
</h6>
</div>
<mat-icon class="mx-1 material-icons-outlined">keyboard_arrow_up</mat-icon>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

The user profile button shows a fixed keyboard_arrow_up icon regardless of whether the menu is open or closed. Consider making this dynamic like the client menu icon:

Suggested change
<mat-icon class="mx-1 material-icons-outlined">keyboard_arrow_up</mat-icon>
<mat-icon class="mx-1 material-icons-outlined">{{ menu?.menuOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}</mat-icon>

@Saurabh186 Saurabh186 merged commit 692b369 into development Apr 1, 2026
1 check passed
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.

2 participants