fix for new context menus
This commit is contained in:
parent
677bbea95c
commit
559354906e
3 changed files with 572 additions and 532 deletions
File diff suppressed because it is too large
Load diff
|
@ -1,12 +1,13 @@
|
|||
<script type="text/x-template" id="cider-menu-panel">
|
||||
<div class="menu-panel">
|
||||
<div class="menu-header-text">
|
||||
<div class="menu-panel" @click.self="menuPanel.visible = false" >
|
||||
|
||||
<div class="menu-panel-body">
|
||||
<div class="menu-header-text" v-if="content.name != ''">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3 class="queue-header-text">{{ content.name }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<button @click="menuPanel.visible = false" class="close-btn"></button>
|
||||
</div>
|
||||
<div class="menu-body">
|
||||
<template v-for="item in content.items">
|
||||
|
@ -19,6 +20,7 @@
|
|||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
|
||||
|
@ -34,7 +36,6 @@
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
canDisplay(item) {
|
||||
|
|
|
@ -326,7 +326,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app-content" @click="menuPanel.visible = false">
|
||||
<div id="app-content">
|
||||
<div id="navigation-bar">
|
||||
<button class="nav-item" @click="navigateBack()"><%- include('svg/chevron-left.svg') %></button>
|
||||
<button class="nav-item"
|
||||
|
@ -538,11 +538,9 @@
|
|||
<cider-queue ref="queue" v-if="drawer.panel == 'queue'"></cider-queue>
|
||||
</div>
|
||||
</transition>
|
||||
<transition name="drawertransition">
|
||||
<div class="app-drawer" v-if="menuPanel.visible">
|
||||
<cider-menu-panel>
|
||||
<transition name="modal">
|
||||
<cider-menu-panel v-if="menuPanel.visible">
|
||||
</cider-menu-panel>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue