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 9203674334..ea8dc16d84 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 ac828288b9..80ec6ad7d0 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 48ebd06298..ffbd66f047 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
--
GitLab