Browse Source

added example white label logo(of TU Delft) to dashboard toolbar

pull/4284/head
bishwasregmi 6 years ago
parent
commit
9a747d49b1
  1. 4
      ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.html
  2. 12
      ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.scss
  3. 2
      ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.ts
  4. BIN
      ui-ngx/src/assets/white_label_logo.png
  5. 1
      ui-ngx/src/assets/white_label_logo.svg

4
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.html

@ -26,6 +26,10 @@
</button>
</mat-fab-trigger>
<mat-toolbar color="primary">
<div fxFlex="auto" fxLayout="row">
<img [src]="white_label_logo"
aria-label="white_label_logo" class="whitelabel-logo-db"/>
</div>
<mat-fab-actions class="mat-toolbar-tools">
<ng-content></ng-content>
</mat-fab-actions>

12
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.scss

@ -76,6 +76,18 @@ tb-dashboard-toolbar {
height: $mobile-toolbar-height;
min-height: $mobile-toolbar-height;
}
& > div {
height: $toolbar-height;
.whitelabel-logo-db {
width: auto;
max-width: 100%;
height: 30px;
max-height: 100%;
margin-left: 20px;
margin-top: 5px;
margin-right: 30px;
}
}
@media #{$mat-gt-sm} {
height: $toolbar-height;

2
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-toolbar.component.ts

@ -43,4 +43,6 @@ export class DashboardToolbarComponent implements OnInit {
this.triggerClick.emit();
}
white_label_logo = 'assets/white_label_logo.png';
}

BIN
ui-ngx/src/assets/white_label_logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

1
ui-ngx/src/assets/white_label_logo.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

Loading…
Cancel
Save