From ee5be2cf2130d33677f0865c975ef94993ff8f63 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sat, 11 Apr 2020 11:17:29 +0200
Subject: [PATCH] add compatibility with Audioplayer

---
 css/sideMenu.css | 4 ++--
 src/SideMenu.vue | 2 +-
 src/main.js      | 7 +++++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/css/sideMenu.css b/css/sideMenu.css
index 022fb3b..b843fc4 100644
--- a/css/sideMenu.css
+++ b/css/sideMenu.css
@@ -33,7 +33,7 @@
     display: none;
 }
 
-#side-menu.is-active {
+#side-menu.open {
     display: block;
 }
 
@@ -71,7 +71,7 @@
     white-space: nowrap;
 }
 
-.side-menu-app a:hover, .side-menu-app.is-active a {
+.side-menu-app a:hover, .side-menu-app.active a {
     background: var(--side-menu-current-app-background-color, #444);
 }
 
diff --git a/src/SideMenu.vue b/src/SideMenu.vue
index 15309df..24ce720 100644
--- a/src/SideMenu.vue
+++ b/src/SideMenu.vue
@@ -25,7 +25,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         </div>
 
         <ul class="side-menu-apps-list">
-            <li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'is-active': app.active}">
+            <li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'active': app.active}">
                 <a v-bind:href="app.href">
                      <span class="side-menu-app-icon" v-html="app.icon"></span>
 
diff --git a/src/main.js b/src/main.js
index ea71ee0..d0d5846 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,13 +15,16 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-const sideMenuContainer = $('<div id="side-menu">')
+const sideMenuContainer = $('<div id="side-menu-container">')
 const sideMenuOpener = $('<button class="side-menu-opener"></button>')
+const sideMenu = $('<div id="side-menu">')
+
+sideMenuContainer.append(sideMenu);
 
 $('body').append(sideMenuContainer);
 
 sideMenuOpener.insertBefore('#nextcloud');
 
 $('body').on('click', '.side-menu-opener', () => {
-    $('#side-menu').toggleClass('is-active');
+    $('#side-menu').toggleClass('open');
 })