docs: remove Bower references, update GitHub and NPM icons

Splaktar · Splaktar · commit 5c75b1219202 · 2020-04-21T14:15:28.000-04:00
- update README.md
  - fix typos
  - update example versions
  - remove references to Bower
- fix 'View Demo' button appearing for directives w/o demos
diff --git a/README.md b/README.md
@@ -138,7 +138,7 @@ and use the AngularJS Material distribution files.
 Change to your project's root directory.
 
 ```bash
-# To get the latest stable version, use Bower from the command line.
+# To get the latest stable version, use NPM from the command line.
 npm install angular-material --save
 
 # To get the most recent, latest committed-to-master version use:
@@ -147,16 +147,13 @@ npm install http://github.com/angular/bower-material#master --save
 
 #### Other Dependency Managers
 
-Visit [Bower-Material](https://github.com/angular/bower-material/blob/master/README.md) for more
-details on how to install and use the AngularJS Material distribution files within your own local
-project.
-
-This includes instructions for [Bower](https://github.com/angular/bower-material#bower)
-and [JSPM](https://github.com/angular/bower-material#jspm).
+Visit our [distribution repository](https://github.com/angular/bower-material/blob/master/README.md)
+for more details on how to install and use the AngularJS Material distribution
+files within your local project.
 
 #### CDN
 
-CDN versions of AngularJS Material are now available.
+CDN versions of AngularJS Material are available.
 
 With the Google CDN, you will not need to download local copies of the distribution files. Instead
 simply reference the CDN urls to easily use those remote library files. This is especially useful
@@ -166,26 +163,25 @@ when using online tools such as [CodePen](http://codepen.io/), [Plunker](http://
 ```html
   <head>
 
-    <!-- AngularJS Material CSS now available via Google CDN; version 1.1.9 used here -->
-   <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.9/angular-material.min.css">
+    <!-- AngularJS Material CSS now available via Google CDN; version 1.1.21 used here -->
+   <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.21/angular-material.min.css">
 
   </head>
   <body>
 
     <!-- AngularJS Material Dependencies -->
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-animate.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-aria.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-messages.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-animate.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-aria.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-messages.min.js"></script>
 
-    <!-- AngularJS Material Javascript now available via Google CDN; version 1.1.10 used here -->
-    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.10/angular-material.min.js"></script>
+    <!-- AngularJS Material Javascript now available via Google CDN; version 1.1.21 used here -->
+    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.21/angular-material.min.js"></script>
   </body>
 ```
 
 Developers seeking the latest, most-current build versions can use [GitCDN.xyz](https://gitcdn.xyz/) to
-pull directly from the distribution GitHub
-[Bower-Material](https://github.com/angular/bower-material) repository:
+pull directly from our [distribution repository](https://github.com/angular/bower-material):
 
 ```html
   <head>
@@ -197,10 +193,10 @@ pull directly from the distribution GitHub
   <body>
 
     <!-- AngularJS Material Dependencies -->
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-animate.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-aria.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.7/angular-messages.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-animate.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-aria.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-messages.min.js"></script>
 
     <!-- AngularJS Material Javascript using GitCDN to load directly from `bower-material/master` -->
     <script src="https://gitcdn.xyz/cdn/angular/bower-material/master/angular-material.js"></script>
diff --git a/docs/app/css/style.css b/docs/app/css/style.css
@@ -449,10 +449,6 @@ a.docs-logo {
 .docs-tools .md-button md-icon {
   color: #666 !important;
 }
-.docs-toolbar-tools .md-button md-icon {
-  color: #666 !important;
-  fill: #666 !important;
-}
 @media (max-width: 400px) {
   .docs-tools {
     display: none;
@@ -528,7 +524,7 @@ md-tabs.demo-source-tabs .active md-tab-label {
   flex: 1 1 auto;
 }
 .demo-content > * {
-  flex: 1 1 0%;
+  flex: 1 1 0;
 }
 
 .demo-content > div[layout-fill] {
diff --git a/docs/app/img/icons/github.svg b/docs/app/img/icons/github.svg
diff --git a/docs/app/img/icons/npm-logo.svg b/docs/app/img/icons/npm-logo.svg
@@ -1,8 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="540px" height="210px" viewBox="0 0 18 7">
-<path fill="#CB3837" d="M0,0h18v6H9v1H5V6H0V0z M1,5h2V2h1v3h1V1H1V5z M6,1v5h2V5h2V1H6z M8,2h1v2H8V2z M11,1v4h2V2h1v3h1V2h1v3h1V1H11z"/>
-<polygon fill="#FFFFFF" points="1,5 3,5 3,2 4,2 4,5 5,5 5,1 1,1 "/>
-<path fill="#FFFFFF" d="M6,1v5h2V5h2V1H6z M9,4H8V2h1V4z"/>
-<polygon fill="#FFFFFF" points="11,1 11,5 13,5 13,2 14,2 14,5 15,5 15,2 16,2 16,5 17,5 17,1 "/>
+<svg height="28" width="28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.23 27.23">
+  <rect fill="#333333" width="27.23" height="27.23" rx="2"></rect>
+  <polygon fill="#fff"
+           points="5.8 21.75 13.66 21.75 13.67 9.98 17.59 9.98 17.58 21.76 21.51 21.76 21.52 6.06 5.82 6.04 5.8 21.75">
+  </polygon>
 </svg>
diff --git a/docs/app/partials/getting-started.tmpl.html b/docs/app/partials/getting-started.tmpl.html
@@ -108,10 +108,11 @@ <h3>Our CodePen Community</h3>
     <h3>Installing the AngularJS Material Libraries</h3>
 
     <p>
-      You can install the AngularJS Material library (and its dependent libraries) in your local
-      project using either
+      You can
       <a href="https://github.com/angular/bower-material/#installing-angularjs-material"
-         target="_blank">NPM, JSPM, or Bower</a>.
+         target="_blank">install the AngularJS Material library</a>
+      (and its dependent libraries) in your local project using
+      <a href="https://www.npmjs.com/" target="_blank">NPM</a>.
     </p>
 
     <p>
diff --git a/docs/app/svg-assets-cache.js b/docs/app/svg-assets-cache.js
diff --git a/docs/config/template/index.template.html b/docs/config/template/index.template.html
@@ -83,29 +83,21 @@ <h2 class="md-toolbar-item md-breadcrumb md-headline" tabindex="-1">
           <span flex></span> <!-- use up the empty space -->
 
           <div class="md-toolbar-item docs-tools" layout="row">
-            <md-button class="md-icon-button"
-                       aria-label="Install with Bower"
-                       ng-if="!currentComponent.docs.length && !currentComponent.isService"
-                       target="_blank"
-                       ng-href="https://github.com/angular/bower-material">
-              <md-tooltip md-autohide>Install with Bower</md-tooltip>
-              <md-icon md-svg-src="img/icons/bower-logo.svg"></md-icon>
-            </md-button>
             <md-button class="md-icon-button"
                        aria-label="Install with NPM"
                        ng-if="!currentComponent.docs.length && !currentComponent.isService"
                        target="_blank"
                        ng-href="https://www.npmjs.com/package/angular-material">
               <md-tooltip md-autohide>Install with NPM</md-tooltip>
-              <md-icon md-svg-src="img/icons/npm-logo.svg" style="transform: scale(1.3)"></md-icon>
+              <md-icon md-svg-src="img/icons/npm-logo.svg"></md-icon>
             </md-button>
             <md-button class="md-icon-button"
                        aria-label="View Source on Github"
                        ng-if="!currentComponent.docs.length && !currentComponent.isService"
                        target="_blank"
                        ng-href="{{BUILDCONFIG.repository}}/{{menu.version.current.github}}">
               <md-tooltip md-autohide>View Source on Github</md-tooltip>
-              <md-icon md-svg-src="img/icons/github.svg" style="color: rgba(255,255,255,0.97);"></md-icon>
+              <md-icon md-svg-src="img/icons/github-icon.svg" style="color: black;"></md-icon>
             </md-button>
 
             <md-select
@@ -137,9 +129,10 @@ <h2 class="md-toolbar-item md-breadcrumb md-headline" tabindex="-1">
             <md-button
               class="md-icon-button"
               aria-label="View Demo"
-              ng-class="{hide: !currentDoc || !currentDoc.hasDemo}"
+              ng-class="{hide: !currentDoc || !currentDoc.hasDemo || !currentComponent.demoUrl}"
               ng-href="{{currentComponent.demoUrl}}">
-              <md-icon md-svg-src="img/icons/ic_play_circle_fill_24px.svg" style="fill:green"></md-icon>
+              <md-icon md-svg-src="img/icons/ic_play_circle_fill_24px.svg" style="fill: #666666">
+              </md-icon>
               <md-tooltip>View Demo</md-tooltip>
             </md-button>
 
@@ -149,7 +142,7 @@ <h2 class="md-toolbar-item md-breadcrumb md-headline" tabindex="-1">
               ng-class="{hide: !currentDoc}"
               ng-href="{{currentDoc.githubUrl}}"
               hide-sm hide-md>
-              <md-icon md-svg-src="img/icons/github.svg" style="color: rgba(255,255,255,0.97);"></md-icon>
+              <md-icon md-svg-src="img/icons/github-icon.svg"></md-icon>
               <md-tooltip>View Source on Github</md-tooltip>
             </md-button>
           </div>

Original file line number	Diff line number	Diff line change
`@@ -449,10 +449,6 @@ a.docs-logo {`
`449`	`449`	`.docs-tools .md-button md-icon {`
`450`	`450`	`color: #666 !important;`
`451`	`451`	`}`
`452`		`-.docs-toolbar-tools .md-button md-icon {`
`453`		`- color: #666 !important;`
`454`		`- fill: #666 !important;`
`455`		`-}`
`456`	`452`	`@media (max-width: 400px) {`
`457`	`453`	`.docs-tools {`
`458`	`454`	`display: none;`
`@@ -528,7 +524,7 @@ md-tabs.demo-source-tabs .active md-tab-label {`
`528`	`524`	`flex: 1 1 auto;`
`529`	`525`	`}`
`530`	`526`	`.demo-content > * {`
`531`		`- flex: 1 1 0%;`
	`527`	`+ flex: 1 1 0;`
`532`	`528`	`}`
`533`	`529`
`534`	`530`	`.demo-content > div[layout-fill] {`