- <my-avatar-notification [user]="user" (navigate)="onActiveLinkScrollToAnchor($event)"></my-avatar-notification>
-
- <div class="logged-in-info">
- <a *ngIf="user.account" [routerLink]="[ '/accounts', user.account.nameWithHost ]" class="logged-in-display-name">{{ user.account?.displayName }}</a>
- <a *ngIf="!user.account" routerLink="/my-account/settings" class="logged-in-display-name">{{ user.account?.displayName }}</a>
-
- <div class="logged-in-username">@{{ user.username }}</div>
- </div>
-
- <div class="logged-in-more" ngbDropdown [placement]="placement" container="body" autoClose="outside">
- <my-global-icon iconName="more-vertical" ngbDropdownToggle role="button"></my-global-icon>
+ <div class="logged-in-more" ngbDropdown #dropdown="ngbDropdown" placement="bottom-left" [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside">
+ <div ngbDropdownToggle>
+ <img [src]="user.accountAvatarUrl" alt="Avatar" />
+ <div class="logged-in-info">
+ <div class="logged-in-display-name">{{ user.account?.displayName }}</div>
+
+ <div class="logged-in-username">@{{ user.username }}</div>
+ </div>
+
+ <div class="dropdown-toggle-indicator">
+ <span class="glyphicon glyphicon-chevron-down"></span>
+ </div>
+ </div>