Website: Fix iOS v10 compatibility issues (#11022)

Closes: #10985 

Changes:
- Removed the `min-height` that was set on embedded videos in docs,
articles, the handbook, and the homepage.
- Fixed a docs navigation alignment issue
- Updated the `height` of the hero on
`/reports/state-of-device-management`
This commit is contained in:
Eric 2023-04-05 17:22:05 -05:00 committed by GitHub
parent a504e46d19
commit be0fb61384
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 4 additions and 7 deletions

View file

@ -251,7 +251,6 @@
position: relative;
margin-bottom: 40px;
width: 100%;
min-height: 456px;
padding-bottom: 57%;
iframe {
position: absolute;

View file

@ -698,7 +698,6 @@
position: relative;
margin-bottom: 40px;
width: 100%;
min-height: 456px;
padding-bottom: 57%;
iframe {
position: absolute;

View file

@ -341,7 +341,6 @@
position: relative;
padding-bottom: 54.5%;
padding-top: 25px;
min-height: 456px;
width: 100%;
iframe {
position: absolute;

View file

@ -412,7 +412,7 @@
@media (max-width: 541px) {
[purpose='hero-container'] {
height: fit-content;
height: 100%;
}
[purpose='hero-content'] {
align-items: start;

View file

@ -109,10 +109,10 @@
<div class="d-flex flex-column d-lg-none p-0 m-0 justify-content-start align-items-center">
<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 style="width: 6px; height: 9px;" alt="right chevron" src="/images/chevron-right-6x9@2x.png"/>
<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>
<img style="width: 6px; height: 9px;" class="ml-auto" alt="right chevron" src="/images/chevron-right-6x9@2x.png" v-if="!showDocsNav"/>
<img style="width: 9px; height: 6px;" class="ml-auto" alt="down chevron" src="/images/chevron-down-9x6@2x.png" v-else/>
<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>
</div>
<div class="border-bottom" v-if="!showDocsNav"></div>