mirror of https://github.com/docker/docs.git
fix: mobile footer issue (#22639)
## Description - The Contact support button was appearing above the sidenav slideout on mobile, this fixes that - Tested on mobile in browser and mobile device - Verified there is no impact to desktop web version ## Related issues or tickets https://docker.atlassian.net/browse/ENGDOCS-2603 ## Reviews - [ ] Technical review - [ ] Editorial review - [ ] Product review
This commit is contained in:
parent
0a744f3846
commit
537c9f158f
|
@ -115,7 +115,6 @@
|
|||
"Using-the-GUI",
|
||||
"VS-Code",
|
||||
"Vue",
|
||||
"WSL-2-backend-Arm-Beta",
|
||||
"WSL-2-backend-x86_64",
|
||||
"Web-browser",
|
||||
"What-are-the-key-features-of-Docker-Desktop",
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
class="md:h-[calc(100vh-64px)] fixed md:sticky top-0 md:top-16 z-40 hidden h-screen flex-none overflow-y-auto overflow-x-hidden bg-background-light dark:bg-gray-dark-100 w-full md:z-auto md:block md:w-[300px]"
|
||||
:class="{ 'hidden': ! $store.showSidebar }">
|
||||
<!-- Gray backdrop on small screens -->
|
||||
<div class="fixed bg-black/50 md:hidden" x-show="$store.showSidebar" @click="openSidebar = false"
|
||||
<div class="fixed bg-black/50 md:hidden z-30" x-show="$store.showSidebar" @click="openSidebar = false"
|
||||
x-transition.opacity></div>
|
||||
<div class="z-50 w-full bg-background-light p-4 dark:bg-gray-dark-100 md:block md:w-[300px]">
|
||||
<!-- Collapse button for small screens -->
|
||||
|
@ -53,7 +53,7 @@
|
|||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="w-full">{{ partialCached "footer.html" . }}</footer>
|
||||
<footer class="w-full z-10 relative">{{ partialCached "footer.html" . }}</footer>
|
||||
|
||||
{{/* Load the YouTube player if the page embeds a YouTube video */}}
|
||||
{{ with .Store.Get "youtube" }}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
|
||||
<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200 relative z-10">
|
||||
{{ partialCached "components/support-button.html" . }}
|
||||
</div>
|
||||
<div class="flex justify-center pt-10 pb-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
|
||||
|
|
Loading…
Reference in New Issue