Fix #1079: fixed another z-index issue with dropdowns

This commit is contained in:
Agate 2020-04-22 09:58:20 +02:00
parent 32e7bc8a9c
commit 5913baeb57
No known key found for this signature in database
GPG Key ID: 6B501DFD73514E14
3 changed files with 3 additions and 3 deletions

View File

@ -352,7 +352,7 @@ $sidebar-color: #2D2F33;
.sidebar { .sidebar {
background: $sidebar-color; background: $sidebar-color;
z-index: auto; z-index: 1;
@include media(">desktop") { @include media(">desktop") {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -6,7 +6,7 @@
<div class="ui head vertical stripe segment container"> <div class="ui head vertical stripe segment container">
<div class="ui stackable grid" v-if="object"> <div class="ui stackable grid" v-if="object">
<div class="ui five wide column"> <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> <i class="ellipsis vertical icon"></i>
<div class="menu"> <div class="menu">
<div <div

View File

@ -4,7 +4,7 @@
<div v-if="isLoading" class="ui centered active inline loader"></div> <div v-if="isLoading" class="ui centered active inline loader"></div>
<div class="ui stackable grid" v-else-if="object"> <div class="ui stackable grid" v-else-if="object">
<div class="ui five wide column"> <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> <i class="ellipsis vertical icon"></i>
<div class="menu"> <div class="menu">
<div <div