mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
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
No EOL
1.1 KiB
HTML
20 lines
No EOL
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> |