Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
angular/aio/src/app/app.component.html

35 lines
1.3 KiB
HTML
Raw Normal View History

fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
<md-toolbar color="primary" class="app-toolbar">
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 21:13:40 +00:00
<button class="hamburger" md-button
(click)="sidenav.toggle()" title="Docs menu">
fix(aio): use SVG icons for page load sensitive UI The side nav and menu buttons need to appear early on in the loading of the page. Currently we are using icon fonts with ligatures to get icons for these areas. This can result in a flash of unstyled font. By replacing these with SVG icons, we get a better user experience. By overriding the `MdIconRegistry` we can inline the SVG source, which means that there will never by a delay in rendering the icons. The new `CustomMdIconRegistry` expects a multi-provider containing an array of `SvgIconInfo` objects. These objects hold the name and SVG source of the icon. When `MdIconComponent` requests an SVG icon we will get it from the pre-loading cache, if available, before delegating back to the original `MdIconRegistry`. Note that SVG versions of `md-icon` do not apply the `material-icons` CSS class to the element, so the styling for the icons that we are preloading has been changed to use `.mat-icon` instead. Closes #16100
2017-04-21 08:42:33 +00:00
<md-icon svgIcon="menu"></md-icon>
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 21:13:40 +00:00
</button>
feat(aio): add footer background
2017-03-30 23:59:03 +00:00
<a class="nav-link home" href="/"><img src="{{ homeImageUrl }}" title="Home" alt="Home"></a>
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 21:13:40 +00:00
<aio-top-menu *ngIf="isSideBySide" [nodes]="topMenuNodes"></aio-top-menu>
feat(aio): initial design commit Implemented style guide elements to top header bar, side hamburger nav menu, content and search. Consolidated SCSS files to styles folder. Fixed PWA test.
2017-03-14 21:19:19 +00:00
<aio-search-box class="search-container" #searchBox></aio-search-box>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
<span class="fill-remaining-space"></span>
</md-toolbar>
fix(aio): autoscroll & add #top-of-page * Scrolls to hash element or top of page when no hash. * Scrolls down a bit (80px) to account for top menu overhang. * No longer scrolls when the hash element is not found. * Adds `<a id="top-of-page"></a>` which will benefit future efforts to navigate there from within a page.
2017-04-17 22:19:15 +00:00
<a id="top-of-page"></a>
feat(aio): don't animate sidenav on launch.
2017-04-25 00:15:11 +00:00
<md-sidenav-container class="sidenav-container" [class.starting]="isStarting" role="main">
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
feat(aio): positioning UX for nav and search
2017-04-14 22:50:14 +00:00
<md-sidenav [ngClass]="{'collapsed': !isSideBySide }" #sidenav class="sidenav" [opened]="isOpened" [mode]="mode">
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 21:13:40 +00:00
<aio-nav-menu *ngIf="!isSideBySide" class="top-menu" [nodes]="topMenuNodes" [currentNode]="currentNode"></aio-nav-menu>
<aio-nav-menu [nodes]="sideNavNodes" [currentNode]="currentNode" ></aio-nav-menu>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
</md-sidenav>
feat(aio): search results accessibility items Add visually hidden class and apply to h2 in search results Changed h2 group headers to h3s Add roles to main and content Fix API material icon placement Image alt additions where needed Add lang attribute to html tag Add aria-label on search input
2017-04-17 17:57:49 +00:00
<section class="sidenav-content" [id]="pageId" role="content">
feat(aio): add DtComponent to view/change the raw contents
2017-04-02 04:45:32 +00:00
<aio-doc-viewer [doc]="currentDocument" (docRendered)="onDocRendered()"></aio-doc-viewer>
<aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
</section>
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 21:13:40 +00:00
feat(aio): fixed sidenav, moved footer inside of sidenav container (#16028) When content pages were short, the footer would take up a large part of the display area and the side nav would look like it was shorter than it really was. This change moves the footer into the main content area so that the nav always extends to the full length the browser.
2017-04-16 10:10:17 +00:00
<footer>
<aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
</footer>
feat(aio): marketing responsive items and footer
2017-03-23 05:34:53 +00:00
</md-sidenav-container>
feat(aio): api pages styling - Banner class code consolidation for API pages - Set up temporary table of contents class and file - API pages title styling - Add color styling to doc-type listed on each API details page - Classes and SCSS variables refactor - Mobile optimization on headers, info-banner, and API pages - API page table custom styling - API Class Overview template code overview into table format
2017-04-25 16:33:09 +00:00
feat(aio): search results and code margins styling
2017-03-23 18:58:59 +00:00
<aio-search-results #searchResults></aio-search-results>
feat(aio): fixed sidenav, moved footer inside of sidenav container (#16028) When content pages were short, the footer would take up a large part of the display area and the side nav would look like it was shorter than it really was. This change moves the footer into the main content area so that the nav always extends to the full length the browser.
2017-04-16 10:10:17 +00:00
Reference in a new issue Copy permalink