fix(recorder): reduce z index to avoid overlap

This commit is contained in:
Gavin D'souza 2020-05-20 19:33:39 +05:30
parent 9920937b45
commit 62b2c034ae
2 changed files with 13 additions and 4 deletions

View file

@ -79,7 +79,7 @@
<span class="octicon octicon-triangle-down"></span></a>
</div>
</div>
<div class="form-in-grid" v-if="showing == call.index">
<div class="recorder-form-in-grid" v-if="showing == call.index">
<div class="grid-form-heading" @click="showing = null">
<div class="toolbar grid-header-toolbar">
<span class="panel-title">SQL Query #<span class="grid-form-row-index">{{ call.index }}</span></span>

View file

@ -247,14 +247,23 @@
}
}
.form-in-grid {
.base-grid() {
background-color: white;
z-index: 1021;
position: relative;
.transition(opacity .2s ease)
}
.form-in-grid {
overflow: hidden;
height: 0;
opacity: 0;
.transition(opacity .2s ease)
z-index: 1021;
.base-grid();
}
.recorder-form-in-grid {
z-index: 0;
.base-grid();
}
.grid-row-open .form-in-grid {