honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs-infra): make the "Contributors" page header similar to other marketing pages (#40881)

Browse Source 
Before (wide screen): ![contributors (wide screen) before][1]
Before (narrow screen): ![contributors (narrow screen) before][2]
After (wide screen): ![contributors (wide screen) after][3]
After (narrow screen): ![contributors (narrow screen) after][4]

[1]: https://user-images.githubusercontent.com/8604205/107983880-634f8000-6fcf-11eb-8ad9-5a5df65d3d5e.png
[2]: https://user-images.githubusercontent.com/8604205/107983893-6a768e00-6fcf-11eb-9ccd-158ec491404f.png
[3]: https://user-images.githubusercontent.com/8604205/107983903-6f3b4200-6fcf-11eb-94e1-182893b7a715.png
[4]: https://user-images.githubusercontent.com/8604205/107983895-6ba7bb00-6fcf-11eb-9ff5-59d221ba906d.png

PR Close #40881
This commit is contained in:
George Kalpakas 2021-02-18 18:42:49 +02:00 committed by atscott
parent b0c8c4d696
commit b509a7dc42
3 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
aio/content/marketing/about.html
View File

@ -1,9 +1,14 @@
<h1 class="title center no-toc">Angular Contributors</h1> <header class="marketing-banner">
<h2>Building For the Future</h2> <h1 class="banner-headline no-toc no-anchor">Angular Contributors</h1>
<p> </header>
Angular is built by a team of engineers who share a passion for making web development feel
effortless. We believe that writing beautiful apps should be joyful and fun. We're building a
platform for the future.
</p>
<aio-contributor-list></aio-contributor-list> <article>
<h2>Building For the Future</h2>
<p>
Angular is built by a team of engineers who share a passion for making web development feel
effortless. We believe that writing beautiful apps should be joyful and fun. We're building a
platform for the future.
</p>
<aio-contributor-list></aio-contributor-list>
</article>

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

@ -261,7 +261,13 @@ section#intro {
} }
aio-shell { aio-shell {
&.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute { &.page-about,
&.page-contribute,
&.page-events,
&.page-features,
&.page-home,
&.page-presskit,
&.page-resources {
.sidenav-content { .sidenav-content {
padding: 0 0 3rem; padding: 0 0 3rem;
} }
@ -269,11 +275,14 @@ aio-shell {
&.page-home { &.page-home {
.sidenav-content { .sidenav-content {
padding: 0; padding-bottom: 0;
} }
} }
&.page-home, &.page-resources, &.page-contribute { &.page-about,
&.page-contribute,
&.page-home,
&.page-resources {
article { article {
padding: 32px; padding: 32px;

8
aio/src/styles/2-modules/_notification.scss
View File

@ -91,7 +91,13 @@ aio-notification {
} }
} }
&.page-home, &.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute { &.page-about,
&.page-contribute,
&.page-events,
&.page-features,
&.page-home,
&.page-presskit,
&.page-resources {
mat-sidenav-container.sidenav-container { mat-sidenav-container.sidenav-container {
.sidenav-content { .sidenav-content {
padding-top: $notificationHeight; padding-top: $notificationHeight;