From 1df46d9691987868a6be9b5bebd64d80fe0d1166 Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Sun, 24 Jul 2022 21:25:32 +0000
Subject: [PATCH] Fix toast container making ui unclickable

---
 front/src/components/Queue.vue       | 15 ---------------
 front/src/style/globals/_layout.scss |  9 +++++++++
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 698b08859..8aee92169 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -391,21 +391,6 @@ const reorderTracks = async (from: number, to: number) => {
           @remove="removeTrack"
           @reorder="reorderTracks"
         />
-        <!-- <virtual-list
-          ref="list"
-          wrap-class="queue-sortable-container"
-          item-class="queue-sortable-item"
-          :data-key="'id'"
-          :data-sources="queueItems"
-          :data-component="QueueItem"
-          :estimate-size="50"
-          :extra-props="{
-            onPlay: play,
-            onRemove: removeTrack,
-            itemClass: (index: number) => currentIndex === index ? 'active': ''
-          }"
-          @reorder="log"
-        /> -->
         <div
           v-if="$store.state.radios.running"
           class="ui info message"
diff --git a/front/src/style/globals/_layout.scss b/front/src/style/globals/_layout.scss
index 1454de064..8189b0b77 100644
--- a/front/src/style/globals/_layout.scss
+++ b/front/src/style/globals/_layout.scss
@@ -46,10 +46,19 @@
     padding-bottom: $bottom-player-height;
     .toast-container {
       bottom: $bottom-player-height + 1rem;
+      pointer-events: none;
     }
   }
 }
 
+.toast-container {
+  pointer-events: none;
+
+  > div {
+    pointer-events: auto;
+  }
+}
+
 #footer {
   border-bottom: none;
   border-top: 1px solid rgba(34, 36, 38, 0.15);