Always displayed is not expanding? #bug #36

Closed
opened 2020-09-23 12:39:59 +02:00 by Stefan · 12 comments

Issue

Environment

  • Side menu version: 1.14.0
  • Nextcloud 19.0.2

Steps to reproduce

  • Use "always displayed", hover over menu

Observed Results

  • For me it's not expanding like the preview at index.php/settings/admin/side_menu set my expectations. Also I think it worked that way before? So, when it's not expanding I don't have a text to the icons which is obviously bad.

Expected Results

  • SideMenu expands, I can read the text of the icons.
## Issue ### Environment * Side menu version: 1.14.0 * Nextcloud 19.0.2 ### Steps to reproduce * Use "always displayed", hover over menu ### Observed Results * For me it's not expanding like the preview at index.php/settings/admin/side_menu set my expectations. Also I think it worked that way before? So, when it's not expanding I don't have a text to the icons which is obviously bad. ### Expected Results * SideMenu expands, I can read the text of the icons.
Author

It is expanding when I press CRTL+O

It is expanding when I press CRTL+O
Owner
I can't reproduce: https://kim.deblan.fr/~simon/videos/side_menu_issue36.mp4
deblan added the
bug
question
labels 2020-09-23 12:49:01 +02:00
Owner

Can you check the console? (F12, Console, Errors)

Can you check the console? (F12, Console, Errors)
Author

Can you check the console? (F12, Console, Errors)

Diese Seite verwendet die nicht standardisierte Eigenschaft "zoom". Stattdessen sollte calc() in den entsprechenden Eigenschaftswerten oder "transform" zusammen mit "transform-origin: 0 0" verwendet werden. files
JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:551
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15
Notifications permissions granted App.vue:290
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 7 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
OCA.Files.Sidebar initialized Sidebar.js:37:10
Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
OCA.Sharing.ShareSearch initialized ShareSearch.js:33:10
OCA.Sharing.ExternalLinkActions initialized ExternalLinkActions.js:33:10
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
OCA.Viewer initialized Viewer.js:41:10
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
OCA.Files.Settings initialized Settings.js:29:10
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 7 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
session heartbeat polling started session-heartbeat.js:97:9
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 11 globals.js:61:15
New search handler registered search.js:67:12
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 110 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 16 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 128 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 20 globals.js:61:15
Clipboard is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 21 globals.js:61:15
registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12
Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11
registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12
Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11
registerDetailView is deprecated! It will be removed in nextcloud 20. filelist.js:3716:12
registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12
Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12
Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12
Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 37 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 124 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 308 globals.js:61:15
The escapeHTML library is deprecated! It will be removed in nextcloud 19. 3 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 11 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 22 globals.js:61:15
The escapeHTML library is deprecated! It will be removed in nextcloud 19. 3 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 9 globals.js:61:15
jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 8 globals.js:61:15
$ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 6 globals.js:61:15
> Can you check the console? (F12, Console, Errors) ``` Diese Seite verwendet die nicht standardisierte Eigenschaft "zoom". Stattdessen sollte calc() in den entsprechenden Eigenschaftswerten oder "transform" zusammen mit "transform-origin: 0 0" verwendet werden. files JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:551 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15 Notifications permissions granted App.vue:290 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 7 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 OCA.Files.Sidebar initialized Sidebar.js:37:10 Handlebars is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 OCA.Sharing.ShareSearch initialized ShareSearch.js:33:10 OCA.Sharing.ExternalLinkActions initialized ExternalLinkActions.js:33:10 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 OCA.Viewer initialized Viewer.js:41:10 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 OCA.Files.Settings initialized Settings.js:29:10 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 7 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 session heartbeat polling started session-heartbeat.js:97:9 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 11 globals.js:61:15 New search handler registered search.js:67:12 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 110 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 16 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 128 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 20 globals.js:61:15 Clipboard is deprecated: please ship your own, this will be removed in Nextcloud 20 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 21 globals.js:61:15 registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12 Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11 registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12 Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11 registerDetailView is deprecated! It will be removed in nextcloud 20. filelist.js:3716:12 registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12 Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12 Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 registerTabView is deprecated! It will be removed in nextcloud 20. filelist.js:3705:12 Legacy tabs are deprecated! They will be removed in nextcloud 20. Tab.js:49:11 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 37 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 124 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 308 globals.js:61:15 The escapeHTML library is deprecated! It will be removed in nextcloud 19. 3 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 2 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 11 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 22 globals.js:61:15 The escapeHTML library is deprecated! It will be removed in nextcloud 19. 3 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 4 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 3 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 9 globals.js:61:15 jQuery is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 8 globals.js:61:15 $ is deprecated: The global jQuery is deprecated. It will be updated to v2.4 in Nextcloud 20 and v3.x in Nextcloud 21. In later versions of Nextcloud it might be removed completely. Please ship your own. 6 globals.js:61:15 ```
Owner
Okay. Could you copy/paste the content of: * https://your.nextcloud/index.php/apps/side_menu/js/config * https://your.nextcloud/index.php/apps/side_menu/js/script * https://your.nextcloud/index.php/apps/side_menu/css/stylesheet
Author

Okay.

Could you copy/paste the content of:

/index.php/apps/side_menu/js/config

{"opener-position":"after","opener-hover":true,"external-sites-in-top-menu":false,"force-light-icon":true,"hide-when-no-apps":true,"loader-enabled":true,"always-displayed":true,"big-menu":false,"avatar":null,"top-menu-apps":[],"target-blank-apps":[],"logo":"\/index.php\/apps\/theming\/image\/logo?useSvg=1&v=20"}

/index.php/apps/side_menu/js/script

(function() {
    var sideMenuContainer = jQuery('<div id="side-menu-container">')
    var sideMenuOpener = jQuery('<button class="side-menu-opener"></button>')
    var sideMenu = jQuery('<div id="side-menu">')
    var body = jQuery('body')
    var html = jQuery('html')
    var isTouchDevice = window.matchMedia("(pointer: coarse)").matches

    
    var targetBlankApps = [];

    body.on('side-menu.apps', function(e, apps) {
                    sideMenu = jQuery('#side-menu')

            if (apps.length === 0) {
                sideMenu.removeClass('open')
                sideMenu.addClass('hide')
                sideMenuOpener.addClass('hide')
            } else {
                sideMenu.removeClass('hide')
                sideMenuOpener.removeClass('hide')
            }

                            if (apps.length === 0) {
                    html.removeClass('side-menu-always-displayed');
                } else {
                    html.addClass('side-menu-always-displayed');
                }
                        })

    body.on('side-menu.ready', function() {
        sideMenu = jQuery('#side-menu')

        var headerMenuOpener = jQuery('#header .side-menu-opener')
        var sideMenuOpener = jQuery('#side-menu .side-menu-opener')

        sideMenuFocus = function() {
            var a = sideMenu.find('.side-menu-app.active a')

            if (a.length === 0) {
                a = sideMenu.find('.side-menu-app:first-child a')
            }

            if (a.length > 0) {
                a.focus()
            }
        }

                    var sideMenuMouseLeave = function() {
                sideMenu
                    .removeClass('open')
                    .off('mouseleave', sideMenuMouseLeave)
            }

            var sideMenuMouseEnter = function() {
                sideMenu.on('mouseleave', sideMenuMouseLeave)
            }

            var sideMenuOpenerMouseEnter = function() {
                sideMenu
                    .addClass('open')
                    .on('mouseenter', sideMenuMouseEnter)

                sideMenuFocus()
            }

            if (!isTouchDevice) {
                                    headerMenuOpener.on('mouseenter', sideMenuOpenerMouseEnter)

                    sideMenu.addClass('hide-opener')
                            }
        
        headerMenuOpener.on('click', function() {
            sideMenu.addClass('open')
            sideMenu.find('.side-menu-app.active a').focus()
        })

                    sideMenuOpener.on('click', function() {
                sideMenu.toggleClass('open')
            })
        
        jQuery(document).keydown(function(e) {
            var key = e.key || e.keyCode

            if ((key === 'o' || key === 79) && e.ctrlKey === true) {
                e.preventDefault()

                sideMenu.toggleClass('open')
                sideMenuFocus()
            }
        })
    })

    body.append(sideMenuContainer)
    sideMenuContainer.append(sideMenu)

            var pageLoader = jQuery('<div id="side-menu-loader">')
var pageLoaderBar = jQuery('<div id="side-menu-loader-bar">')

body.append(pageLoader)
pageLoader.append(pageLoaderBar)

var pageLoaderValue = 0

$(window).on('beforeunload', function() {
    setInterval(function() {
        pageLoaderBar.width(pageLoaderValue.toString() + '%')

        pageLoaderValue = Math.min(pageLoaderValue + .2, 100)
    }, 25)
})
    
            sideMenuOpener.insertAfter('#nextcloud')
    
    
            var alwaysDisplayed = function() {
    var elements = document.querySelectorAll('*');
    var fixedElements = []

    for (var i in elements) {
        var element = elements[i]

        if (typeof element !== 'object') {
            continue
        }

        var position = window.getComputedStyle(element, null).getPropertyValue('position');

        if (position !== 'fixed') {
            continue
        }

        var id = element.getAttribute('id')

        if (id === 'header' || id === 'side-menu' || id === 'side-menu-loader') {
            continue
        }

        if (element.classList.contains('oc-dialog')) {
            continue
        }

        if (jQuery(element).parents('#side-menu').length) {
            continue
        }

        fixedElements.push(element)
    }

    for (var i in fixedElements) {
        var element = fixedElements[i]
        var value = window.getComputedStyle(element, null).getPropertyValue('left')
        var intValue = parseInt(value.replace('px', ''))

        element.style.setProperty('transform', 'translateX(' + (intValue + 50) + 'px)')
    }
}

window.setTimeout(alwaysDisplayed, 200)
    })();

/apps/side_menu/css/stylesheet

:root {
                        --side-menu-background-color: #ff0000;
                                --side-menu-background-color-to: #ff0000;
                                --side-menu-current-app-background-color: #e174ed;
                                --side-menu-loader-color: #0e75ac;
                                --side-menu-text-color: #ffffff;
                                --side-menu-opener: url('/apps/side_menu/img/side-menu-opener-hamburger-2.svg');
                                --side-menu-icon-invert-filter: 0%;
                                --side-menu-icon-opacity: 1;
            }

    #appmenu {
        display: none;
    }

    #appmenu + nav {
        display: none;
    }

    #nextcloud {
        display: none;
    }


    .side-menu-app-icon svg {
        width: 20px;
        height: 20px;
    }

    img.side-menu-app-icon {
        width: 20px;
        height: 20px;
    }

    .side-menu-app-text {
        font-size: 12px;
    }
> Okay. > > Could you copy/paste the content of: > > * https://your.nextcloud/index.php/apps/side_menu/js/config > * https://your.nextcloud/index.php/apps/side_menu/js/script > * https://your.nextcloud/index.php/apps/side_menu/css/stylesheet `/index.php/apps/side_menu/js/config` `{"opener-position":"after","opener-hover":true,"external-sites-in-top-menu":false,"force-light-icon":true,"hide-when-no-apps":true,"loader-enabled":true,"always-displayed":true,"big-menu":false,"avatar":null,"top-menu-apps":[],"target-blank-apps":[],"logo":"\/index.php\/apps\/theming\/image\/logo?useSvg=1&v=20"}` `/index.php/apps/side_menu/js/script` ``` (function() { var sideMenuContainer = jQuery('<div id="side-menu-container">') var sideMenuOpener = jQuery('<button class="side-menu-opener"></button>') var sideMenu = jQuery('<div id="side-menu">') var body = jQuery('body') var html = jQuery('html') var isTouchDevice = window.matchMedia("(pointer: coarse)").matches var targetBlankApps = []; body.on('side-menu.apps', function(e, apps) { sideMenu = jQuery('#side-menu') if (apps.length === 0) { sideMenu.removeClass('open') sideMenu.addClass('hide') sideMenuOpener.addClass('hide') } else { sideMenu.removeClass('hide') sideMenuOpener.removeClass('hide') } if (apps.length === 0) { html.removeClass('side-menu-always-displayed'); } else { html.addClass('side-menu-always-displayed'); } }) body.on('side-menu.ready', function() { sideMenu = jQuery('#side-menu') var headerMenuOpener = jQuery('#header .side-menu-opener') var sideMenuOpener = jQuery('#side-menu .side-menu-opener') sideMenuFocus = function() { var a = sideMenu.find('.side-menu-app.active a') if (a.length === 0) { a = sideMenu.find('.side-menu-app:first-child a') } if (a.length > 0) { a.focus() } } var sideMenuMouseLeave = function() { sideMenu .removeClass('open') .off('mouseleave', sideMenuMouseLeave) } var sideMenuMouseEnter = function() { sideMenu.on('mouseleave', sideMenuMouseLeave) } var sideMenuOpenerMouseEnter = function() { sideMenu .addClass('open') .on('mouseenter', sideMenuMouseEnter) sideMenuFocus() } if (!isTouchDevice) { headerMenuOpener.on('mouseenter', sideMenuOpenerMouseEnter) sideMenu.addClass('hide-opener') } headerMenuOpener.on('click', function() { sideMenu.addClass('open') sideMenu.find('.side-menu-app.active a').focus() }) sideMenuOpener.on('click', function() { sideMenu.toggleClass('open') }) jQuery(document).keydown(function(e) { var key = e.key || e.keyCode if ((key === 'o' || key === 79) && e.ctrlKey === true) { e.preventDefault() sideMenu.toggleClass('open') sideMenuFocus() } }) }) body.append(sideMenuContainer) sideMenuContainer.append(sideMenu) var pageLoader = jQuery('<div id="side-menu-loader">') var pageLoaderBar = jQuery('<div id="side-menu-loader-bar">') body.append(pageLoader) pageLoader.append(pageLoaderBar) var pageLoaderValue = 0 $(window).on('beforeunload', function() { setInterval(function() { pageLoaderBar.width(pageLoaderValue.toString() + '%') pageLoaderValue = Math.min(pageLoaderValue + .2, 100) }, 25) }) sideMenuOpener.insertAfter('#nextcloud') var alwaysDisplayed = function() { var elements = document.querySelectorAll('*'); var fixedElements = [] for (var i in elements) { var element = elements[i] if (typeof element !== 'object') { continue } var position = window.getComputedStyle(element, null).getPropertyValue('position'); if (position !== 'fixed') { continue } var id = element.getAttribute('id') if (id === 'header' || id === 'side-menu' || id === 'side-menu-loader') { continue } if (element.classList.contains('oc-dialog')) { continue } if (jQuery(element).parents('#side-menu').length) { continue } fixedElements.push(element) } for (var i in fixedElements) { var element = fixedElements[i] var value = window.getComputedStyle(element, null).getPropertyValue('left') var intValue = parseInt(value.replace('px', '')) element.style.setProperty('transform', 'translateX(' + (intValue + 50) + 'px)') } } window.setTimeout(alwaysDisplayed, 200) })(); ``` `/apps/side_menu/css/stylesheet` ``` :root { --side-menu-background-color: #ff0000; --side-menu-background-color-to: #ff0000; --side-menu-current-app-background-color: #e174ed; --side-menu-loader-color: #0e75ac; --side-menu-text-color: #ffffff; --side-menu-opener: url('/apps/side_menu/img/side-menu-opener-hamburger-2.svg'); --side-menu-icon-invert-filter: 0%; --side-menu-icon-opacity: 1; } #appmenu { display: none; } #appmenu + nav { display: none; } #nextcloud { display: none; } .side-menu-app-icon svg { width: 20px; height: 20px; } img.side-menu-app-icon { width: 20px; height: 20px; } .side-menu-app-text { font-size: 12px; } ```
Owner

Do you have the same bug with the default display and the option to open on hover to "yes"?

Do you have the same bug with the default display and the option to open on hover to "yes"?
Author

Do you have the same bug with the default display and the option to open on hover to "yes"?

Nope, that works for me. Testing with Firefox and Iron (Chrome).

> Do you have the same bug with the default display and the option to open on hover to "yes"? Nope, that works for me. Testing with Firefox and Iron (Chrome).
Owner

Can you make a screenshot of all your options please?

Can you make a screenshot of all your options please?
Author

Can you make a screenshot of all your options please?

Have I missed something?

> Can you make a screenshot of all your options please? Have I missed something?
Owner

Okay, the bug is now reproduced.

Okay, the bug is now reproduced.
deblan added
WIP
and removed
question
labels 2020-09-23 14:24:58 +02:00
Owner

Fixed in v1.15.0!

Fixed in v1.15.0!
deblan removed the
WIP
label 2020-09-23 14:41:16 +02:00
Sign in to join this conversation.
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: deblan/side_menu#36
No description provided.