Skip to content

Commit 537c9f1

Browse files
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
1 parent 0a744f3 commit 537c9f1

File tree

3 files changed

+3
-4
lines changed

3 files changed

+3
-4
lines changed

hugo_stats.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,6 @@
115115
"Using-the-GUI",
116116
"VS-Code",
117117
"Vue",
118-
"WSL-2-backend-Arm-Beta",
119118
"WSL-2-backend-x86_64",
120119
"Web-browser",
121120
"What-are-the-key-features-of-Docker-Desktop",

layouts/_default/baseof.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
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]"
3030
:class="{ 'hidden': ! $store.showSidebar }">
3131
<!-- Gray backdrop on small screens -->
32-
<div class="fixed bg-black/50 md:hidden" x-show="$store.showSidebar" @click="openSidebar = false"
32+
<div class="fixed bg-black/50 md:hidden z-30" x-show="$store.showSidebar" @click="openSidebar = false"
3333
x-transition.opacity></div>
3434
<div class="z-50 w-full bg-background-light p-4 dark:bg-gray-dark-100 md:block md:w-[300px]">
3535
<!-- Collapse button for small screens -->
@@ -53,7 +53,7 @@
5353
</div>
5454
</main>
5555

56-
<footer class="w-full">{{ partialCached "footer.html" . }}</footer>
56+
<footer class="w-full z-10 relative">{{ partialCached "footer.html" . }}</footer>
5757

5858
{{/* Load the YouTube player if the page embeds a YouTube video */}}
5959
{{ with .Store.Get "youtube" }}

layouts/partials/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
1+
<div class="flex justify-center py-8 px-4 bg-gray-light-100 dark:bg-gray-dark-200 relative z-10">
22
{{ partialCached "components/support-button.html" . }}
33
</div>
44
<div class="flex justify-center pt-10 pb-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">

0 commit comments

Comments
 (0)