fix(docs-infra): increase the max width of the `file-not-found` page (#41275)

Previously, the max width of the `file-not-found` page was limited to
50rem (800px by default). This allowed little space for showing
potentially helpful search results, which are shown in columns).

This commit increases the max width of the `file-not-found` page to
84rem (1344px by default) to allow search results to be visible without
requiring scrolling. This will not negatively affect UX, because the
page uses a multi-column layout and therefore there will rarely be long
lines of text to scan.

PR Close #41275
This commit is contained in:
George Kalpakas 2021-03-19 13:29:52 +02:00 committed by Alex Rickabaugh
parent 3cda3e6a32
commit 3470ea17d5
2 changed files with 9 additions and 7 deletions

View File

@ -1,10 +1,10 @@
@description
<div class="nf-container l-flex-wrap flex-center">
<div class="center-layout-wide">
<div class="nf-container l-flex-wrap flex-center">
<img src="assets/images/support/angular-404.svg" width="300" height="300"/>
<div class="nf-response l-flex-wrap">
<h1 class="no-anchor no-toc">Page Not Found</h1>
<p>We're sorry. The page you are looking for cannot be found.</p>
<h1 class="no-anchor no-toc">Page Not Found</h1>
<p>We're sorry. The page you are looking for cannot be found.</p>
</div>
</div>
<aio-file-not-found-search></aio-file-not-found-search>
</div>
<aio-file-not-found-search></aio-file-not-found-search>

View File

@ -20,7 +20,9 @@
padding: 80px 1rem 1rem;
}
@include marketing-pages($extraSelectors: ('.page-api', '.page-guide-cheatsheet'), $nestParentSelector: true) {
@include marketing-pages(
$extraSelectors: ('.page-api', '.page-file-not-found', '.page-guide-cheatsheet'),
$nestParentSelector: true) {
max-width: none;
}