Browse Source

feat(admin-ui): Simplify app shell header

Michael Bromley 7 years ago
parent
commit
a78898b240

+ 1 - 1
admin-ui/src/app/core/components/app-shell/app-shell.component.html

@@ -10,7 +10,7 @@
         </div>
         <div class="header-nav"></div>
         <div class="header-actions">
-            <vdr-ui-language-switcher></vdr-ui-language-switcher>
+            <!-- <vdr-ui-language-switcher></vdr-ui-language-switcher> -->
             <vdr-user-menu [userName]="userName$ | async" (logOut)="logOut()"></vdr-user-menu>
         </div>
     </clr-header>

+ 3 - 3
admin-ui/src/app/core/components/user-menu/user-menu.component.html

@@ -1,9 +1,9 @@
 <clr-dropdown>
-    <span class="user-name">{{ userName }}</span>
-    <span class="trigger" clrDropdownTrigger>
+    <button class="btn btn-link trigger" clrDropdownTrigger>
+        <span class="user-name">{{ userName }}</span>
         <clr-icon shape="user" size="24"></clr-icon>
         <clr-icon shape="caret down"></clr-icon>
-    </span>
+    </button>
     <clr-dropdown-menu clrPosition="bottom-right" *clrIfOpen>
         <button type="button" clrDropdownItem (click)="logOut.emit()">
             {{ 'common.log-out' | translate }}

+ 3 - 0
admin-ui/src/app/core/components/user-menu/user-menu.component.scss

@@ -13,4 +13,7 @@
 .trigger clr-icon {
     color: white;
 }
+.btn.btn-outline:hover {
+    background-color: #e1f1f62e;
+}