From e9db74f937daa87d3f197838b3dd9598530b0c51 Mon Sep 17 00:00:00 2001 From: Stefanie Fluin Date: Tue, 18 Apr 2017 16:29:55 -0700 Subject: [PATCH] fix(aio): style mods and content udpates (#16138) Fixed capitalization in sidenav menu items Add min height property to sidenav-content for better viewing on short pages or high resolution screens Add dividier between change log items as before to h2 Table adjustments to reduce off-screen items Update home page banner text and icon change, and fix banner img and mobile alignment Fix and add links in doc landing page and change card footer text to reflect correct name Removed docs landing page to rebase with master PR Close #16138 --- aio/content/guide/browser-support.md | 8 +-- aio/content/guide/cheatsheet.md | 1 + aio/content/guide/cli-quickstart.md | 3 ++ aio/content/guide/glossary.md | 3 ++ aio/content/guide/quickstart.md | 3 ++ aio/content/guide/webpack.md | 2 +- aio/content/marketing/api.html | 1 + aio/content/marketing/index.html | 10 ++-- aio/content/navigation.json | 50 +++++++++---------- aio/src/styles/0-base/_typography.scss | 1 - aio/src/styles/1-layouts/_content-layout.scss | 9 ++++ .../styles/2-modules/_announcement-bar.scss | 3 +- aio/src/styles/2-modules/_table.scss | 2 +- 13 files changed, 58 insertions(+), 38 deletions(-) diff --git a/aio/content/guide/browser-support.md b/aio/content/guide/browser-support.md index 5b58aef965..86751b47b2 100644 --- a/aio/content/guide/browser-support.md +++ b/aio/content/guide/browser-support.md @@ -44,7 +44,7 @@ Angular supports most recent browsers. This includes the following specific vers - IE mobile + IE Mobile @@ -251,11 +251,11 @@ These are the polyfills required to run an Angular application on each supported - Browsers (desktop & mobile) + Browsers (Desktop & Mobile) - Polyfills required + Polyfills Required @@ -327,7 +327,7 @@ Here are the features which may require additional polyfills: - Browsers (desktop & mobile) + Browsers (Desktop & Mobile) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index 3aa7726fb8..50b123fa61 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -2,6 +2,7 @@ Cheat Sheet @description +
diff --git a/aio/content/guide/cli-quickstart.md b/aio/content/guide/cli-quickstart.md index 8088e729b9..9a3ab351d3 100644 --- a/aio/content/guide/cli-quickstart.md +++ b/aio/content/guide/cli-quickstart.md @@ -1,3 +1,6 @@ +@title +CLI QuickStart + @description diff --git a/aio/content/guide/glossary.md b/aio/content/guide/glossary.md index 20f9e6394e..8ef12541d8 100644 --- a/aio/content/guide/glossary.md +++ b/aio/content/guide/glossary.md @@ -1,3 +1,6 @@ +@title +Angular Glossary + @description diff --git a/aio/content/guide/quickstart.md b/aio/content/guide/quickstart.md index 6a95e380a1..fdd3f18221 100644 --- a/aio/content/guide/quickstart.md +++ b/aio/content/guide/quickstart.md @@ -1,3 +1,6 @@ +@title +QuickStart + @description diff --git a/aio/content/guide/webpack.md b/aio/content/guide/webpack.md index 033421e1ed..2e4ade3c9d 100644 --- a/aio/content/guide/webpack.md +++ b/aio/content/guide/webpack.md @@ -1,5 +1,5 @@ @title -Webpack: an introduction +Webpack: An Introduction @intro Create Angular applications with a Webpack based tooling. diff --git a/aio/content/marketing/api.html b/aio/content/marketing/api.html index 48a034ac46..83743a1a58 100755 --- a/aio/content/marketing/api.html +++ b/aio/content/marketing/api.html @@ -1 +1,2 @@ +

API List

diff --git a/aio/content/marketing/index.html b/aio/content/marketing/index.html index 93b74f5191..0b3ba28e86 100755 --- a/aio/content/marketing/index.html +++ b/aio/content/marketing/index.html @@ -5,11 +5,11 @@ href="guide/quickstart" md-button="md-button" class="hero-cta mat-raised button button-large button-plain">Get Started -
-

Join us for DEVintersection Amsterdam Nov 14-16!

Register - now
+
+ +

Angular v4.0 is out! Smaller, faster, no biggie...

+ Learn More +
diff --git a/aio/content/navigation.json b/aio/content/navigation.json index 607361d774..bbcd84b14f 100644 --- a/aio/content/navigation.json +++ b/aio/content/navigation.json @@ -28,7 +28,7 @@ }, { - "title": "Getting started", + "title": "Getting Started", "tooltip": "A gentle introduction to Angular.", "children": [ { @@ -63,13 +63,13 @@ { "url": "guide/appmodule", - "title": "The root AppModule", + "title": "The Root AppModule", "tooltip": "Tell Angular how to construct and bootstrap the app in the root \"AppModule\"." }, { "url": "guide/displaying-data", - "title": "Displaying data", + "title": "Displaying Data", "tooltip": "Property binding helps show app data in the UI." }, @@ -103,17 +103,17 @@ }, { "url": "tutorial/toh-pt1", - "title": "The hero editor", + "title": "The Hero Editor", "tooltip": "Build a simple hero editor" }, { "url": "tutorial/toh-pt2", - "title": "Master/detail", + "title": "Master/Detail", "tooltip": "Build a master/detail page with a list of heroes." }, { "url": "tutorial/toh-pt3", - "title": "Multiple components", + "title": "Multiple Components", "tooltip": "Refactor the master/detail view into separate components." }, { @@ -151,14 +151,14 @@ { "url": "guide/ngmodule-faq", - "title": "Angular module FAQs", + "title": "Angular Module FAQs", "tooltip": "Answers to frequently asked questions about @NgModule." } ]}, { "url": "guide/component-communication", - "title": "Component interaction", + "title": "Component Interaction", "tooltip": "Share information between different directives and components." }, @@ -168,20 +168,20 @@ "children": [ { "url": "guide/cb-dependency-injection", - "title": "Dependency injection", + "title": "Dependency Injection", "tooltip": "Techniques for Dependency Injection." }, { "url": "guide/hierarchical-dependency-injection", - "title": "Hierarchical injectors", + "title": "Hierarchical Injectors", "tooltip": "Angular's hierarchical dependency injection system supports nested injectors in parallel with the component tree." } ]}, { "url": "guide/dynamic-component-loader", - "title": "Dynamic components", + "title": "Dynamic Components", "tooltip": "Load components dynamically." }, @@ -191,12 +191,12 @@ "children": [ { "url": "guide/attribute-directives", - "title": "Attribute directives", + "title": "Attribute Directives", "tooltip": "Attribute directives attach behavior to elements." }, { "url": "guide/structural-directives", - "title": "Structural directives", + "title": "Structural Directives", "tooltip": "Structural directives manipulate the layout of the page." } ] @@ -214,26 +214,26 @@ { "url": "guide/form-validation", - "title": "Form validation", + "title": "Form Validation", "tooltip": "Validate user's form entries." }, { "url": "guide/reactive-forms", - "title": "Reactive forms", + "title": "Reactive Forms", "tooltip": "Create a reactive form using FormBuilder, groups, and arrays." } ]}, { "url": "guide/server-communication", - "title": "HTTP client", + "title": "HTTP Client", "tooltip": "Use an HTTP Client to talk to a remote server." }, { "url": "guide/lifecycle-hooks", - "title": "Lifecycle hooks", + "title": "Lifecycle Hooks", "tooltip": "Angular calls lifecycle hook methods on directives and components as it creates, changes, and destroys them." }, @@ -245,7 +245,7 @@ { "url": "guide/router", - "title": "Routing & navigation", + "title": "Routing & Navigation", "tooltip": "Discover the basics of screen navigation with the Angular Router." }, @@ -269,7 +269,7 @@ "children": [ { "url": "guide/aot-compiler", - "title": "Ahead-of-Time compilation", + "title": "Ahead-of-Time Compilation", "tooltip": "Learn why and how to use the Ahead-of-Time (AOT) compiler." }, @@ -287,7 +287,7 @@ { "url": "guide/component-styles", - "title": "Component styles", + "title": "Component Styles", "tooltip": "Learn how to apply CSS styles to components." }, @@ -321,19 +321,19 @@ { "url": "guide/browser-support", - "title": "Browser support", + "title": "Browser Support", "tooltip": "Browser support and polyfills guide." }, { "url": "guide/npm-packages", - "title": "Npm packages", + "title": "Npm Packages", "tooltip": "Recommended npm packages, and how to specify package dependencies." }, { "url": "guide/typescript-configuration", - "title": "TypeScript configuration", + "title": "TypeScript Configuration", "tooltip": "TypeScript configuration for Angular developers." } ]}, @@ -364,7 +364,7 @@ { "url": "guide/webpack", - "title": "Webpack: an introduction", + "title": "Webpack: An Introduction", "tooltip": "Create Angular applications with a Webpack based tooling." } ] @@ -393,7 +393,7 @@ { "url": "guide/style-guide", - "title": "Style guide", + "title": "Style Guide", "tooltip": "Write Angular with style." } ] diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss index da4781bde5..7e73eaadb3 100755 --- a/aio/src/styles/0-base/_typography.scss +++ b/aio/src/styles/0-base/_typography.scss @@ -99,7 +99,6 @@ border-radius: 2px; border-spacing: 0; margin: 0 0 32px 0; - width: 100%; } table tbody th { diff --git a/aio/src/styles/1-layouts/_content-layout.scss b/aio/src/styles/1-layouts/_content-layout.scss index 66fed307a7..173eb20e9f 100644 --- a/aio/src/styles/1-layouts/_content-layout.scss +++ b/aio/src/styles/1-layouts/_content-layout.scss @@ -1,6 +1,7 @@ .sidenav-content { padding: 1rem 3rem 3rem; margin: auto; + min-height: 100vh; } .fill-remaining-space { @@ -23,4 +24,12 @@ .sidenav-content button { min-width: 50px; +} + +#guide-change-log h2::before { + content: ""; + display: block; + height: 1px; + margin: 24px 0px; + background: $lightgray; } \ No newline at end of file diff --git a/aio/src/styles/2-modules/_announcement-bar.scss b/aio/src/styles/2-modules/_announcement-bar.scss index e26e8ea09d..651ff5970d 100644 --- a/aio/src/styles/2-modules/_announcement-bar.scss +++ b/aio/src/styles/2-modules/_announcement-bar.scss @@ -88,7 +88,7 @@ $announcement-bar-width: 784px; img { height: 40px; - margin: 8px auto; + margin: 0 0 8px; } p { @@ -146,6 +146,7 @@ $announcement-bar-width: 784px; @media (max-width: 480px) { padding: 16px; + align-items: center; } } } diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss index 91d44d1d56..cd49bce85c 100644 --- a/aio/src/styles/2-modules/_table.scss +++ b/aio/src/styles/2-modules/_table.scss @@ -34,7 +34,7 @@ table { th, td { border-bottom: 1px solid $lightgray; - padding: 16px 32px; + padding: 16px; text-align: left; line-height: 24px; vertical-align: top;