iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
angular-docs-cn/aio/src/app/app.component.html

44 lines
2.1 KiB
HTML
Raw Normal View History

fix(aio): fix scrolling to top (#17102) Previously, the `#top-of-page` element (used when scrolling to top) was placed inside the content section (which at the time had zero top margin and padding). Furthermore, there was a top offset applied when scrolling that took the static top bar's height into account. Since now the top bar is not static any more and the content section has a non-zero top padding, scrolling to top does not work as expected. This commit fixes this by: - Moving the `#top-of-page` element to the top of the `aio-shell`. - Stop accounting for the top bar's top. Fixes #17006
2017-06-02 00:03:10 +03:00
<div id="top-of-page"></div>
feat(aio): add progress bar closes #16110
2017-05-19 01:52:37 -07:00
<div *ngIf="isFetching" class="progress-bar-container">
<md-progress-bar mode="indeterminate" color="warn"></md-progress-bar>
</div>
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">
fix(aio): animate hamburger in/out Fixes #17215
2017-06-08 16:30:33 +03:00
<button class="hamburger" [class.starting]="isStarting" md-button
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 14:13:40 -07:00
(click)="sidenav.toggle()" title="Docs menu">
feat(aio): marketing design refresh - Add styling for active TOC item - Add sidenav styles - Change header tags to divs from index marketing page to remove anchors - Fix use of card mixin and create separate card-docs class - Add marketing styling - Topnav styling when on home landing page - Remove hamburger menu on home page - Add fully rounded border to top nav toolbar search input - Add mobile styles - Add title banner to other marketing pages
2017-05-24 23:08:21 -04:00
<md-icon [ngClass]="{'sidenav-open': !isSideBySide }" 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 14:13:40 -07:00
</button>
feat(aio): add footer background
2017-03-30 16:59:03 -07: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 14:13:40 -07:00
<aio-top-menu *ngIf="isSideBySide" [nodes]="topMenuNodes"></aio-top-menu>
refactor(aio): centralise search ui management Previously the logic for deciding when to display the search result was spread between different parts of the application and used non-intuitive logic such as sending a blank results set to the searchResults. This commit moves the management of displaying the search results (and also setting focus of the search input box) to the AppComponent. This makes it easier to understand what happens and why; but also allows the search UI components to be more easily reused (such as embedding them in the 404 page).
2017-05-13 15:07:25 +01:00
<aio-search-box class="search-container" #searchBox (search)="doSearch($event)"></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
</md-toolbar>
refactor(aio): centralise search ui management Previously the logic for deciding when to display the search result was spread between different parts of the application and used non-intuitive logic such as sending a blank results set to the searchResults. This commit moves the management of displaying the search results (and also setting focus of the search input box) to the AppComponent. This makes it easier to understand what happens and why; but also allows the search UI components to be more easily reused (such as embedding them in the 404 page).
2017-05-13 15:07:25 +01:00
<aio-search-results #searchResults *ngIf="showSearchResults" (resultSelected)="hideSearchResults()"></aio-search-results>
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
fix(aio): expand the main content width when there is no ToC Previously, the main content would always leave a 18% margin on the right to be occupied by the ToC (even if there was no ToC). This commit lets the main content expand to the right to occupy all the available space when there is no ToC. Fixes #17205 Fixes #17270
2017-06-07 16:51:21 +03:00
<md-sidenav-container class="sidenav-container" [class.starting]="isStarting" [class.has-floating-toc]="hasFloatingToc" 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): update aio-shell class when sidenav opens or closes
2017-05-17 19:01:42 +01:00
<md-sidenav [ngClass]="{'collapsed': !isSideBySide }" #sidenav class="sidenav" [opened]="isOpened" [mode]="mode" (open)="updateHostClasses()" (close)="updateHostClasses()">
fix(aio): ensure all views can indicate the active node (#17194) When more than one node matches a url, the last node defined in the navigation.json file won. This meant that, for instance, items in both the TopBarNarrow and the Footer views would not indicate that they were active. Now, each url is associated with a map of current nodes keyed off their view. Closes #17022
2017-06-06 07:36:22 +01:00
<aio-nav-menu *ngIf="!isSideBySide" [nodes]="topMenuNarrowNodes" [currentNode]="currentNodes?.TopBarNarrow"></aio-nav-menu>
<aio-nav-menu [nodes]="sideNavNodes" [currentNode]="currentNodes?.SideNav" ></aio-nav-menu>
feat(aio): revise Docs page; docs version selector in sidenav
2017-04-25 14:48:01 -07:00
<div class="doc-version" title="Angular docs version {{currentDocVersion?.title}}">
refactor(aio): use the SelectMenuComponent for all select menus The API filters and the docs version switcher now use the SelectMenuComponent. Fixes #16367 and #17055
2017-06-06 10:09:46 +01:00
<aio-select (change)="onDocVersionChange($event.index)" [options]="docVersions" [selected]="docVersions && docVersions[0]"></aio-select>
feat(aio): revise Docs page; docs version selector in sidenav
2017-04-25 14:48:01 -07:00
</div>
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 10:57:49 -07:00
<section class="sidenav-content" [id]="pageId" role="content">
feat(aio): add DtComponent to view/change the raw contents
2017-04-01 21:45:32 -07: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 14:13:40 -07:00
feat(aio): marketing responsive items and footer
2017-03-22 22:34:53 -07:00
</md-sidenav-container>
fix(aio): expand the main content width when there is no ToC Previously, the main content would always leave a 18% margin on the right to be occupied by the ToC (even if there was no ToC). This commit lets the main content expand to the right to occupy all the available space when there is no ToC. Fixes #17205 Fixes #17270
2017-06-07 16:51:21 +03:00
<div *ngIf="hasFloatingToc" class="toc-container" [style.max-height.px]="tocMaxHeight" (mousewheel)="restrainScrolling($event)">
feat(aio): TOC float right + service refactor TOC appears in right panel when wide and hides embedded TOC Right TOC panel height adjusts dynamically during scroll Refactored `TocService` and its tests for clarity.
2017-05-02 10:13:10 -07:00
<aio-toc></aio-toc>
</div>
feat(aio): toc styling - TOC styling - TOC container placeholder
2017-05-02 10:13:10 -07:00
<footer>
<aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
</footer>
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 03:10:17 -07:00
Reference in New Issue Copy Permalink