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:

committed by
Matias Niemelä

parent
3216abee2e
commit
415e75716a
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -69,7 +69,7 @@ aio-contributor {
|
||||
opacity: 0;
|
||||
border-radius: 50%;
|
||||
|
||||
[md-button] {
|
||||
[mat-button] {
|
||||
color: $white;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -59,7 +59,7 @@ aio-toc {
|
||||
}
|
||||
|
||||
button.toc-heading {
|
||||
md-icon.rotating-icon {
|
||||
mat-icon.rotating-icon {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
position: relative;
|
||||
|
Reference in New Issue
Block a user