cargdev/angular
1
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update aio in support for #BlackLivesMatter (#37409)

Browse Source 
Update angular.io in support for #BlackLivesMatter. The PR updates the
styles of the landing page and changes the current survey notification.

PR Close #37409
This commit is contained in:
mgechev
2020-06-02 16:22:56 -07:00
committed by atscott
parent 91767ff0f9
commit 2d86dbb090
4 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
aio/src/app/app.component.html
View File

@ -5,13 +5,9 @@
</div> </div>
<mat-toolbar color="primary" class="app-toolbar no-print" [class.transitioning]="isTransitioning"> <mat-toolbar color="primary" class="app-toolbar no-print" [class.transitioning]="isTransitioning">
<mat-toolbar-row class="notification-container"> <mat-toolbar-row class="notification-container blm-message">
<aio-notification notificationId="survey-march-2020" expirationDate="2020-04-15" [dismissOnContentClick]="true" (dismissed)="notificationDismissed()"> <aio-notification notificationId="blm-2020" expirationDate="2022-04-15" [dismissOnContentClick]="true" (dismissed)="notificationDismissed()">
<a href="https://goo.gle/angular-survey-2020"> #BlackLivesMatter
<mat-icon class="icon" svgIcon="insert_comment" aria-label="Announcement"></mat-icon>
<span class="message">Help Angular by taking a <b>1 minute survey</b>!</span>
<span class="action-button">Go to survey</span>
</a>
</aio-notification> </aio-notification>
</mat-toolbar-row> </mat-toolbar-row>
<mat-toolbar-row> <mat-toolbar-row>

4
aio/src/styles/1-layouts/_marketing-layout.scss
View File

@ -183,8 +183,8 @@ section#intro {
// ANGULAR LINE // ANGULAR LINE
.background-sky { .background-sky {
background-color: $blue; background-color: $black;
background: $bluegradient; background: $black;
color: $white; color: $white;
} }

9
aio/src/styles/1-layouts/_top-menu.scss
View File

@ -20,9 +20,16 @@ mat-toolbar.mat-toolbar {
} }
} }
.blm-message {
text-align: center;
justify-content: center;
background: #2d2d2d;
font-size: 0.75em;
}
// HOME PAGE OVERRIDE: TOPNAV TOOLBAR // HOME PAGE OVERRIDE: TOPNAV TOOLBAR
aio-shell.page-home mat-toolbar.mat-toolbar { aio-shell.page-home mat-toolbar.mat-toolbar {
background-color: $blue; background-color: $black;
@media (min-width: 481px) { @media (min-width: 481px) {
&:not(.transitioning) { &:not(.transitioning) {

4
goldens/size-tracking/aio-payloads.json
View File

@ -12,7 +12,7 @@
"master": { "master": {
"uncompressed": { "uncompressed": {
"runtime-es2015": 2987, "runtime-es2015": 2987,
"main-es2015": 453386, "main-es2015": 452792,
"polyfills-es2015": 52655 "polyfills-es2015": 52655
} }
} }
@ -21,7 +21,7 @@
"master": { "master": {
"uncompressed": { "uncompressed": {
"runtime-es2015": 3097, "runtime-es2015": 3097,
"main-es2015": 429710, "main-es2015": 428886,
"polyfills-es2015": 52195 "polyfills-es2015": 52195
} }
} }