refactor of menus

begin work on settings

templates/css/stylesheet.php

@@ -8,65 +8,28 @@
   <?php endforeach; ?>
 }
 
-<?php if (empty($_['top-menu-apps']) && empty($_['top-side-menu-apps'])): ?>
-  #appmenu {
-    display: none;
-  }
-
-  #appmenu + nav {
-    display: none;
-  }
-<?php else: ?>
-  .app-hidden {
-    opacity: 0;
-  }
-<?php endif; ?>
-
 <?php if ($_['opener-only']): ?>
   #nextcloud {
     display: none;
   }
 <?php endif; ?>
 
-<?php if (!$_['display-logo']): ?>
-  .side-menu-logo {
-    display: none;
+<?php if ($_['size-text'] === 'hidden'): ?>
+  #side-menu, .side-menu-apps-list {
+    <?php if ($_['size-icon'] === 'big'): ?>
+      width: 55px;
+    <?php else: ?>
+      width: 52px;
+    <?php endif; ?>
   }
 
-  .side-menu-header {
-    height: 50px;
+  #side-menu .side-menu-opener {
+    <?php if ($_['size-icon'] === 'big'): ?>
+      margin-left: 1px;
+    <?php else: ?>
+      margin-left: 0px;
+    <?php endif; ?>
   }
-
-  .side-menu-apps-list {
-    height: calc(100vh - 49px);
-    top: 49px;
-  }
-
-  #side-menu.hide-opener .side-menu-header .side-menu-opener.side-menu-closer {
-    visibility: hidden;
-  }
-
-  #side-menu.hide-opener.side-menu-with-categories .side-menu-search {
-    float: none;
-  }
-
-  <?php if ($_['size-text'] === 'hidden'): ?>
-    #side-menu, .side-menu-apps-list {
-      <?php if ($_['size-icon'] === 'big'): ?>
-        width: 55px;
-      <?php else: ?>
-        width: 52px;
-      <?php endif; ?>
-    }
-
-    #side-menu .side-menu-opener {
-      <?php if ($_['size-icon'] === 'big'): ?>
-        margin-left: 1px;
-      <?php else: ?>
-        margin-left: 0px;
-      <?php endif; ?>
-    }
-  <?php endif; ?>
 <?php endif; ?>
 
 <?php if ($_['size-icon'] === 'hidden'): ?>

templates/js/script.php

@@ -1,42 +0,0 @@
-<?php
-
-(function() {
-  const body = document.querySelector('body')
-  const html = document.querySelector('html')
-  const nextcloud = document.querySelector('#nextcloud')
-  const logo = document.querySelector('.header-left .logo')
-  const isTouchDevice = window.matchMedia("(pointer: coarse)").matches
-
-  const sideMenuFocus = () => {
-    let a = document.querySelector('#side-menu .side-menu-app.active a')
-      || document.querySelector('#side-menu .side-menu-app a')
-
-    if (a) {
-      a.focus()
-    }
-  }
-
-  document.querySelector('body').addEventListener('side-menu.apps', (e) => {
-    const apps = e.detail.apps;
-  })
-
-  body.addEventListener('side-menu.ready', () => {
-    const sideMenu = document.querySelector('#side-menu')
-
-
-    const sideMenuObserver = new MutationObserver((e) => {
-      if (body.getAttribute('id') !== 'body-settings') {
-        return
-      }
-
-      body.classList.toggle('body-settings-side-menu', sideMenu.classList.contains('open'))
-    })
-
-    sideMenuObserver.observe(sideMenu, {
-      attributes: true,
-      attributeFilter: ['class'],
-      childList: false,
-      characterData: false
-    })
-  })
-})();