Merge branch 'master' into nmetulev/typescleanup

Author: shweaver-MSFT

.github/workflows/build.yml

@@ -0,0 +1,38 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Build CI
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm i
+    - run: npm pack
+    - name: Upload a Build Artifact - package
+      uses: actions/upload-artifact@v2
+      with:
+        name: npm-package
+        path: microsoft-mgt-*.tgz
+    - name: Upload a Build Artifact - bundle
+      uses: actions/upload-artifact@v2
+      with:
+        name: bundle
+        path: dist/bundle

src/components/mgt-login/mgt-login.ts

@@ -228,12 +228,19 @@ export class MgtLogin extends MgtBaseComponent {
     if (!this.userDetails) {
       return;
     }
+    const avatarSize = 'large';
 
     return html`
       <div class="popup">
         <div class="popup-content">
           <div>
-            <mgt-person .personDetails=${this.userDetails} .personImage=${this._image} show-name show-email />
+            <mgt-person
+              .personDetails=${this.userDetails}
+              .personImage=${this._image}
+              .avatarSize=${avatarSize}
+              show-name
+              show-email
+            />
           </div>
           <div class="popup-commands">
             <ul>
@@ -257,8 +264,14 @@ export class MgtLogin extends MgtBaseComponent {
    */
   protected renderButtonContent() {
     if (this.userDetails) {
+      const avatarSize = 'small';
       return html`
-        <mgt-person .personDetails=${this.userDetails} .personImage=${this._image} show-name />
+        <mgt-person
+          .personDetails=${this.userDetails}
+          .personImage=${this._image}
+          .avatarSize=${avatarSize}
+          show-name
+        />
       `;
     } else {
       return html`