Website: Bug fixes/Style updates on docs and landing pages. (#13810)

Closes: #13774
Closes: #13775
Closes: #13773
Closes: #13778

Changes:
- Updated hero text horizontal padding on landing pages.
- Updated the padding between sections on landing pages
- Fixed the background gradient on the /support page
- Updated the mobile docs navigation to show the section of the
documentation
This commit is contained in:
Eric 2023-09-12 17:45:08 -05:00 committed by GitHub
parent 38c31d536d
commit 9c352ef5a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 16 additions and 3 deletions

View file

@ -264,7 +264,7 @@ parasails.registerPage('basic-documentation', {
.chain(url.split(/\//))
.last()
.split(/-/)
.map((str) => str === 'fleet' ? 'Fleet' : str)
.map((str) => str === 'fleet' ? 'Fleet' : str === 'rest' ? 'REST' : str === 'api' ? 'API' : str)
.join(' ')
.capitalize()
.value();

View file

@ -299,6 +299,7 @@
[purpose='hero-text'] {
text-align: center;
max-width: 480px;
padding: 0;
}
[purpose='tweets-container'] {
@ -331,6 +332,7 @@
[purpose='page-container'] {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 80px;
}
[purpose='tweets-container'] {

View file

@ -343,6 +343,7 @@
[purpose='page-container'] {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
}
[purpose='checklists'] {
@ -424,6 +425,10 @@
padding-right: 20px;
}
[purpose='hero-text'] {
padding: 0;
}
[purpose='tweets-container'] {
padding-left: 20px;
padding-right: 20px;

View file

@ -294,6 +294,7 @@
[purpose='page-container'] {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
}
[purpose='checklists'] {
@ -322,6 +323,7 @@
[purpose='hero-text'] {
text-align: center;
max-width: 480px;
padding: 0;
}
[purpose='tweets-container'] {

View file

@ -1,6 +1,6 @@
#support {
background: linear-gradient(180deg, #E8F1F6 0%, #FFF 100%);
background: linear-gradient(180deg, #E8F1F6 0%, #FFF 21.15%);
p {
font-size: 16px;

View file

@ -271,6 +271,7 @@
[purpose='page-container'] {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
}
[purpose='checklists'] {
@ -332,6 +333,9 @@
padding-left: 20px;
padding-right: 20px;
}
[purpose='hero-text'] {
padding: 0;
}
[purpose='tweets-container'] {
padding-left: 20px;

View file

@ -85,7 +85,7 @@
<button purpose="docs-nav-button" class="btn btn-block d-flex align-items-center docs-nav-button" type="button" @click="toggleDocsNav">
<span class="pr-2 m-0">Docs</span>
<img class="my-auto" style="width: 6px; height: 9px;" alt="right chevron" src="/images/chevron-right-6x9@2x.png"/>
<span class="font-weight-bold px-2 m-0">{{thisPage.title}}</span>
<span class="font-weight-bold px-2 m-0">{{getTitleFromUrl(breadcrumbs[1])}}</span>
<img style="width: 6px; height: 9px;" class="ml-auto my-auto" alt="right chevron" src="/images/chevron-right-6x9@2x.png" v-if="!showDocsNav"/>
<img style="width: 9px; height: 6px;" class="ml-auto my-auto" alt="down chevron" src="/images/chevron-down-9x6@2x.png" v-else/>
</button>