inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved on left side user info menu on demo shell

Browse Source
This commit is contained in:
Vito Albano
2016-11-09 01:10:52 +00:00
parent 0de0591abb
commit 46ac3ebb1a
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
demo-shell-ng2/app/app.component.css
View File

@@ -9,5 +9,9 @@
} }
.user-profile { .user-profile {
margin-right: 3px; margin-right: 50px;
}
.mdl-button-padding {
padding-left: 20px;
} }

13
demo-shell-ng2/app/app.component.html
View File

@@ -2,7 +2,14 @@
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div *ngIf="!isLoginPage()"> <div *ngIf="!isLoginPage()">
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="mdl-layout__header-row"> <div class="mdl-button-padding mdl-layout__header-row">
<div *ngIf="isLoggedIn()">
<ng2-alfresco-userinfo class="user-profile" [menuOpenType]="left">
</ng2-alfresco-userinfo>
</div>
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title">Demo Application</span> <span class="mdl-layout-title">Demo Application</span>
<!-- Add spacer, to align navigation to the right --> <!-- Add spacer, to align navigation to the right -->
@@ -23,10 +30,6 @@
<a class="mdl-navigation__link" data-automation-id="settings" href="" routerLink="/settings">Settings</a> <a class="mdl-navigation__link" data-automation-id="settings" href="" routerLink="/settings">Settings</a>
</nav> </nav>
<div class="user-profile" *ngIf="isLoggedIn()">
<ng2-alfresco-userinfo></ng2-alfresco-userinfo>
</div>
<!-- Right aligned menu below button --> <!-- Right aligned menu below button -->
<button id="demo-menu-lower-right" data-automation-id="right-action-menu" <button id="demo-menu-lower-right" data-automation-id="right-action-menu"
class="mdl-button mdl-js-button mdl-button--icon"> class="mdl-button mdl-js-button mdl-button--icon">