From 5913baeb57d42b0203b70caf3ff57fb315bdc96a Mon Sep 17 00:00:00 2001
From: Agate <me@agate.blue>
Date: Wed, 22 Apr 2020 09:58:20 +0200
Subject: [PATCH] Fix #1079: fixed another z-index issue with dropdowns

---
 front/src/components/Sidebar.vue       | 2 +-
 front/src/views/auth/ProfileBase.vue   | 2 +-
 front/src/views/library/DetailBase.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 920367433..ea8dc16d8 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -352,7 +352,7 @@ $sidebar-color: #2D2F33;
 
 .sidebar {
   background: $sidebar-color;
-  z-index: auto;
+  z-index: 1;
   @include media(">desktop") {
     display: flex;
     flex-direction: column;
diff --git a/front/src/views/auth/ProfileBase.vue b/front/src/views/auth/ProfileBase.vue
index ac828288b..80ec6ad7d 100644
--- a/front/src/views/auth/ProfileBase.vue
+++ b/front/src/views/auth/ProfileBase.vue
@@ -6,7 +6,7 @@
     <div class="ui head vertical stripe segment container">
       <div class="ui stackable grid" v-if="object">
         <div class="ui five wide column">
-          <div class="ui pointing dropdown icon small basic right floated button" ref="dropdown" v-dropdown="{direction: 'downward'}" style="position: absolute; right: 1em; top: 1em; z-index: 5">
+          <div class="ui pointing dropdown icon small basic right floated button" ref="dropdown" v-dropdown="{direction: 'downward'}" style="position: absolute; right: 1em; top: 1em;">
             <i class="ellipsis vertical icon"></i>
             <div class="menu">
               <div
diff --git a/front/src/views/library/DetailBase.vue b/front/src/views/library/DetailBase.vue
index 48ebd0629..ffbd66f04 100644
--- a/front/src/views/library/DetailBase.vue
+++ b/front/src/views/library/DetailBase.vue
@@ -4,7 +4,7 @@
       <div v-if="isLoading" class="ui centered active inline loader"></div>
       <div class="ui stackable grid" v-else-if="object">
         <div class="ui five wide column">
-          <div class="ui pointing dropdown icon small basic right floated button" ref="dropdown" v-dropdown="{direction: 'downward'}" style="position: absolute; right: 1em; top: 1em; z-index: 5">
+          <div class="ui pointing dropdown icon small basic right floated button" ref="dropdown" v-dropdown="{direction: 'downward'}" style="position: absolute; right: 1em; top: 1em;">
             <i class="ellipsis vertical icon"></i>
             <div class="menu">
               <div