adding logo back in header (#668)

* adding logo back in header * fixing logo image
rangle · Sep 16, 2016 · 7d422d1 · 7d422d1
1 parent bb67829
commit 7d422d1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/src/frontend/components/app-trees/app-trees.html b/src/frontend/components/app-trees/app-trees.html
@@ -1,4 +1,5 @@
 <bt-tab-menu
+ showLogo="true"
  [tabs]="tabs"
  (tabChange)="onTabSelectionChanged($event)"
  [selectedTab]="selectedTab">

diff --git a/src/frontend/components/tab-menu/tab-menu.html b/src/frontend/components/tab-menu/tab-menu.html
@@ -1,5 +1,7 @@
 <header class="flex flex-justify bg-panel border-bottom">
  <div class="flex">
+ <img *ngIf="showLogo" src="../images/augury-logo.svg"
+ class="logo">
  <div
  class="primary-color tab-menu-title px2 py2 border-transparent mt1"
  [ngClass]="{'bg-base border-top border-right border-left selected': t.selected}"

diff --git a/src/frontend/components/tab-menu/tab-menu.ts b/src/frontend/components/tab-menu/tab-menu.ts
@@ -18,6 +18,7 @@ export interface TabDescription {
 export class TabMenu {
  @Input() tabs: Array<TabDescription>;
  @Input() selectedTab;
+ @Input() showLogo: boolean = false;
 
  @Output() tabChange: EventEmitter<any> = new EventEmitter<any>();
 

diff --git a/src/styles/components/header.css b/src/styles/components/header.css
@@ -23,3 +23,11 @@
  max-width: 25em;
  }
 }
+
+.logo {
+ margin-top: 4px;
+ margin-left: 5px;
+ margin-right: 10px; 
+ width: 20px;
+ height: 22px;
+}