c2bd357825
Implemented style guide elements to top header bar, side hamburger nav menu, content and search. Consolidated SCSS files to styles folder. Fixed PWA test.
20 lines
1.1 KiB
HTML
20 lines
1.1 KiB
HTML
<md-toolbar color="primary" class="app-toolbar">
|
|
<button *ngIf="isHamburgerVisible" class="hamburger" md-button (click)="sidenav.toggle()"><md-icon>menu</md-icon></button>
|
|
<aio-top-menu *ngIf="isSideBySide" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
|
|
<aio-search-box class="search-container" #searchBox></aio-search-box>
|
|
<span class="fill-remaining-space"></span>
|
|
</md-toolbar>
|
|
|
|
<md-sidenav-container class="sidenav-container" (window:resize)="onResize($event.target.innerWidth)">
|
|
|
|
<md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
|
|
<aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
|
|
<aio-nav-menu [nodes]="(navigationViews | async)?.SideNav" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
|
|
</md-sidenav>
|
|
|
|
<section class="sidenav-content">
|
|
<aio-search-results #searchResults></aio-search-results>
|
|
<aio-doc-viewer [doc]="currentDocument | async"></aio-doc-viewer>
|
|
</section>
|
|
|
|
</md-sidenav-container> |