fix for new context menus

This commit is contained in:
booploops 2022-01-13 02:49:43 -08:00
parent 677bbea95c
commit 559354906e
3 changed files with 572 additions and 532 deletions

File diff suppressed because it is too large Load diff

View file

@ -1,12 +1,13 @@
<script type="text/x-template" id="cider-menu-panel"> <script type="text/x-template" id="cider-menu-panel">
<div class="menu-panel"> <div class="menu-panel" @click.self="menuPanel.visible = false" >
<div class="menu-header-text">
<div class="menu-panel-body">
<div class="menu-header-text" v-if="content.name != ''">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3 class="queue-header-text">{{ content.name }}</h3> <h3 class="queue-header-text">{{ content.name }}</h3>
</div> </div>
</div> </div>
<button @click="menuPanel.visible = false" class="close-btn"></button>
</div> </div>
<div class="menu-body"> <div class="menu-body">
<template v-for="item in content.items"> <template v-for="item in content.items">
@ -19,6 +20,7 @@
</template> </template>
</div> </div>
</div> </div>
</div>
</script> </script>
@ -34,7 +36,6 @@
} }
}, },
mounted() { mounted() {
}, },
methods: { methods: {
canDisplay(item) { canDisplay(item) {

View file

@ -326,7 +326,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="app-content" @click="menuPanel.visible = false"> <div id="app-content">
<div id="navigation-bar"> <div id="navigation-bar">
<button class="nav-item" @click="navigateBack()"><%- include('svg/chevron-left.svg') %></button> <button class="nav-item" @click="navigateBack()"><%- include('svg/chevron-left.svg') %></button>
<button class="nav-item" <button class="nav-item"
@ -538,11 +538,9 @@
<cider-queue ref="queue" v-if="drawer.panel == 'queue'"></cider-queue> <cider-queue ref="queue" v-if="drawer.panel == 'queue'"></cider-queue>
</div> </div>
</transition> </transition>
<transition name="drawertransition"> <transition name="modal">
<div class="app-drawer" v-if="menuPanel.visible"> <cider-menu-panel v-if="menuPanel.visible">
<cider-menu-panel>
</cider-menu-panel> </cider-menu-panel>
</div>
</transition> </transition>
</div> </div>