From 922696484f00f34e973119ec35aeff4c53763e26 Mon Sep 17 00:00:00 2001 From: Phan An Date: Sun, 27 Nov 2022 18:39:50 +0100 Subject: [PATCH] fix: z-index problem on mobile --- resources/assets/js/components/layout/app-footer/index.vue | 2 +- .../assets/js/components/layout/main-wrapper/ExtraPanel.vue | 2 +- resources/assets/js/components/song/SongList.vue | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/assets/js/components/layout/app-footer/index.vue b/resources/assets/js/components/layout/app-footer/index.vue index 50e57bea..741b1943 100644 --- a/resources/assets/js/components/layout/app-footer/index.vue +++ b/resources/assets/js/components/layout/app-footer/index.vue @@ -57,7 +57,7 @@ footer { box-shadow: 0 0 30px 20px rgba(0, 0, 0, .2); flex-direction: column; position: relative; - z-index: 1; + z-index: 3; .wrapper { display: flex; diff --git a/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue b/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue index 7bdc2e5f..ea53cddb 100644 --- a/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue +++ b/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue @@ -129,7 +129,7 @@ onMounted(() => isMobile.any || (activeTab.value = preferenceStore.activeExtraPa flex-direction: row-reverse; color: var(--color-text-secondary); height: var(--header-height); - z-index: 1; + z-index: 2; @media screen and (max-width: 768px) { @include themed-background(); diff --git a/resources/assets/js/components/song/SongList.vue b/resources/assets/js/components/song/SongList.vue index bdddb297..a4fcabf2 100644 --- a/resources/assets/js/components/song/SongList.vue +++ b/resources/assets/js/components/song/SongList.vue @@ -302,7 +302,7 @@ onMounted(() => render()) position: relative; display: flex; flex-direction: column; - overflow: scroll; + overflow: auto; @media screen and (max-width: 768px) { padding: 0 12px;