build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702)

all the non-npm changes were made by the angular-material-prefix-updater tool.

the tool missed a few things, which I'll fix in a separate commit to preserve the diff.

-rw-r--r--  1 iminar  eng   14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js
-rw-r--r--  1 iminar  eng    1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js
-rw-r--r--  1 iminar  eng  578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js
-rw-r--r--  1 iminar  eng   37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js

PR Close #19702
This commit is contained in:
Igor Minar
2017-10-13 13:02:27 -07:00
committed by Matias Niemelä
parent 3216abee2e
commit 415e75716a
25 changed files with 99 additions and 99 deletions

View File

@ -311,7 +311,7 @@ aio-shell {
}
@media (max-width: 600px) {
md-sidenav-container.sidenav-container {
mat-sidenav-container.sidenav-container {
padding-top: 0;
}
}
@ -336,7 +336,7 @@ aio-shell {
}
aio-shell:not(.view-SideNav) {
md-sidenav-container.sidenav-container {
mat-sidenav-container.sidenav-container {
max-width: none;
}
}

View File

@ -26,7 +26,7 @@ aio-nav-menu {
}
}
md-sidenav.mat-sidenav.sidenav {
mat-sidenav.mat-sidenav.sidenav {
position: fixed;
top: 64px;
bottom: 0;
@ -42,7 +42,7 @@ md-sidenav.mat-sidenav.sidenav {
}
}
md-sidenav-container.sidenav-container {
mat-sidenav-container.sidenav-container {
min-height: 100%;
height: auto !important;
max-width: 100%;
@ -54,7 +54,7 @@ md-sidenav-container.sidenav-container {
}
}
md-sidenav-container div.mat-sidenav-content {
mat-sidenav-container div.mat-sidenav-content {
height: auto;
}
@ -176,7 +176,7 @@ aio-nav-menu.top-menu {
}
// Angular Version Selector
md-sidenav .doc-version {
mat-sidenav .doc-version {
padding: 8px;
border-top: 1px solid $lightgray;

View File

@ -57,7 +57,7 @@ aio-top-menu {
}
// HOME PAGE OVERRIDE: TOPNAV TOOLBAR HAMBURGER MENU
aio-shell.page-home md-toolbar.app-toolbar.mat-toolbar {
aio-shell.page-home mat-toolbar.app-toolbar.mat-toolbar {
background-color: transparent;
transition: background-color .2s linear .3s;
@ -67,7 +67,7 @@ aio-shell.page-home md-toolbar.app-toolbar.mat-toolbar {
}
// DOCS PAGE / STANDARD: TOPNAV TOOLBAR FIXED
md-toolbar.mat-toolbar {
mat-toolbar.mat-toolbar {
position: fixed;
top: 0;
right: 0;
@ -76,16 +76,16 @@ md-toolbar.mat-toolbar {
padding: 0 16px 0 0;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.30);
md-icon {
mat-icon {
color: $white;
}
}
// MARKETING PAGES OVERRIDE: TOPNAV TOOLBAR AND HAMBURGER
aio-shell.page-home md-toolbar.mat-toolbar,
aio-shell.page-features md-toolbar.mat-toolbar,
aio-shell.page-events md-toolbar.mat-toolbar,
aio-shell.page-resources md-toolbar.mat-toolbar {
aio-shell.page-home mat-toolbar.mat-toolbar,
aio-shell.page-features mat-toolbar.mat-toolbar,
aio-shell.page-events mat-toolbar.mat-toolbar,
aio-shell.page-resources mat-toolbar.mat-toolbar {
// FIXED TOPNAV TOOLBAR FOR SMALL MOBILE
@media (min-width: 481px) {
position: absolute;
@ -99,9 +99,9 @@ aio-shell.page-resources md-toolbar.mat-toolbar {
}
// REMOVE BOX SHADOW ON CERTAIN MARKETING PAGES
aio-shell.page-home md-toolbar.mat-toolbar,
aio-shell.page-events md-toolbar.mat-toolbar,
aio-shell.page-resources md-toolbar.mat-toolbar {
aio-shell.page-home mat-toolbar.mat-toolbar,
aio-shell.page-events mat-toolbar.mat-toolbar,
aio-shell.page-resources mat-toolbar.mat-toolbar {
box-shadow: none;
}

View File

@ -105,6 +105,6 @@ a.filter-button {
}
}
[md-button], [md-raised-button], [mat-button], [mat-raised-button] {
[mat-button], [mat-raised-button], [mat-button], [mat-raised-button] {
text-transform: uppercase;
}

View File

@ -4,7 +4,7 @@ code-example, code-tabs {
}
code-example,
code-tabs md-tab-body {
code-tabs mat-tab-body {
&:not(.no-box) {
background-color: rgba($backgroundgray, 0.2);
border: 0.5px solid $lightgray;
@ -49,8 +49,8 @@ code-example.avoidFile header {
code-example.avoid,
code-example.avoidFile,
code-tabs.avoid md-tab-body,
code-tabs.avoidFile md-tab-body {
code-tabs.avoid mat-tab-body,
code-tabs.avoidFile mat-tab-body {
border: 0.5px solid $anti-pattern;
}
@ -58,7 +58,7 @@ code-tabs div .mat-tab-body-content {
height: auto;
}
code-tabs .mat-tab-body-wrapper md-tab-body .mat-tab-body {
code-tabs .mat-tab-body-wrapper mat-tab-body .mat-tab-body {
overflow-y: hidden;
}

View File

@ -69,7 +69,7 @@ aio-contributor {
opacity: 0;
border-radius: 50%;
[md-button] {
[mat-button] {
color: $white;
font-size: 14px;
font-weight: 500;

View File

@ -1,13 +1,13 @@
body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar, .mat-sidenav-content::-webkit-scrollbar {
body::-webkit-scrollbar, mat-sidenav.sidenav::-webkit-scrollbar, .mat-sidenav-content::-webkit-scrollbar {
height: 6px;
width: 6px;
}
body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac, .mat-sidenav-content::-webkit-scrollbar-trac {
body::-webkit-scrollbar-track, mat-sidenav.sidenav::-webkit-scrollbar-trac, .mat-sidenav-content::-webkit-scrollbar-trac {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb, .mat-sidenav-content::-webkit-scrollbar-thumb {
body::-webkit-scrollbar-thumb, mat-sidenav.sidenav::-webkit-scrollbar-thumb, .mat-sidenav-content::-webkit-scrollbar-thumb {
background-color: $mediumgray;
outline: 1px solid $darkgray;
}

View File

@ -59,7 +59,7 @@ aio-toc {
}
button.toc-heading {
md-icon.rotating-icon {
mat-icon.rotating-icon {
height: 18px;
width: 18px;
position: relative;