[Bug] Mobile View: Menu not scrollable / not displaying all apps if too many #361

New issue

Closed

opened 2024-09-28 22:58:40 +02:00 by schnillermann · 2 comments

schnillermann commented

2024-09-28 22:58:40 +02:00

Environment

Custom menu version: 3.13.1
Nextcloud version: 29.0.7 docker
PHP version:
Web server (Nginx, Apache2):
Web browser and version (Firefox 80, Google Chrome 74, etc): Chrome mobile, Firefox mobile

Configuration

{
    "add-logo-link": "1",
    "always-displayed": "0",
    "apps-categories-custom": "[]",
    "apps-order": "[]",
    "background-color": "#0068a1",
    "background-color-opacity": "100",
    "background-color-to": "#0068a1",
    "big-menu": "0",
    "big-menu-hidden-apps": "[]",
    "categories-custom": "[]",
    "categories-order": "[\"other\",\"customization\",\"office\",\"dashboard\",\"files\",\"integration\",\"external_links\",\"workflow\",\"social\",\"multimedia\",\"organization\",\"security\",\"games\",\"search\",\"tools\",\"monitoring\"]",
    "categories-order-type": "default",
    "current-app-background-color": "#005b8d",
    "dark-mode-background-color": "#232629",
    "dark-mode-background-color-opacity": "100",
    "dark-mode-background-color-to": "#232629",
    "dark-mode-current-app-background-color": "#232629",
    "dark-mode-icon-invert-filter": "0",
    "dark-mode-icon-opacity": "100",
    "dark-mode-loader-color": "#ffffff",
    "dark-mode-opener": "side-menu-opener",
    "dark-mode-text-color": "#ffffff",
    "default-enabled": "1",
    "display-logo": "0",
    "enabled": "yes",
    "force": "0",
    "hide-when-no-apps": "1",
    "icon-invert-filter": "0",
    "icon-opacity": "100",
    "installed_version": "3.13.1",
    "loader-color": "#339bd4",
    "loader-enabled": "1",
    "opener": "side-menu-opener",
    "opener-hover": "0",
    "opener-only": "1",
    "opener-position": "before",
    "show-settings": "0",
    "side-with-categories": "0",
    "size-icon": "normal",
    "size-text": "normal",
    "target-blank-apps": "[]",
    "text-color": "#000000",
    "top-menu-apps": "[\"passwords\",\"snappymail\",\"files\"]",
    "top-menu-mouse-over-hidden-label": "0",
    "top-side-menu-apps": "[\"passwords\",\"snappymail\",\"files\"]",
    "types": "",
    "use-avatar": "0"
}

Steps to reproduce

Open menu in mobile view

Observed Results

Not all installed apps listed because list is too long and overflows screen

Expected Results

All installed apps should be accessible by, e.g., a scrollable menu.

More informations

No response

### Environment * Custom menu version: 3.13.1 * Nextcloud version: 29.0.7 docker * PHP version: * Web server (Nginx, Apache2): * Web browser and version (Firefox 80, Google Chrome 74, etc): Chrome mobile, Firefox mobile ### Configuration ``` { "add-logo-link": "1", "always-displayed": "0", "apps-categories-custom": "[]", "apps-order": "[]", "background-color": "#0068a1", "background-color-opacity": "100", "background-color-to": "#0068a1", "big-menu": "0", "big-menu-hidden-apps": "[]", "categories-custom": "[]", "categories-order": "[\"other\",\"customization\",\"office\",\"dashboard\",\"files\",\"integration\",\"external_links\",\"workflow\",\"social\",\"multimedia\",\"organization\",\"security\",\"games\",\"search\",\"tools\",\"monitoring\"]", "categories-order-type": "default", "current-app-background-color": "#005b8d", "dark-mode-background-color": "#232629", "dark-mode-background-color-opacity": "100", "dark-mode-background-color-to": "#232629", "dark-mode-current-app-background-color": "#232629", "dark-mode-icon-invert-filter": "0", "dark-mode-icon-opacity": "100", "dark-mode-loader-color": "#ffffff", "dark-mode-opener": "side-menu-opener", "dark-mode-text-color": "#ffffff", "default-enabled": "1", "display-logo": "0", "enabled": "yes", "force": "0", "hide-when-no-apps": "1", "icon-invert-filter": "0", "icon-opacity": "100", "installed_version": "3.13.1", "loader-color": "#339bd4", "loader-enabled": "1", "opener": "side-menu-opener", "opener-hover": "0", "opener-only": "1", "opener-position": "before", "show-settings": "0", "side-with-categories": "0", "size-icon": "normal", "size-text": "normal", "target-blank-apps": "[]", "text-color": "#000000", "top-menu-apps": "[\"passwords\",\"snappymail\",\"files\"]", "top-menu-mouse-over-hidden-label": "0", "top-side-menu-apps": "[\"passwords\",\"snappymail\",\"files\"]", "types": "", "use-avatar": "0" } ``` ### Steps to reproduce Open menu in mobile view ### Observed Results Not all installed apps listed because list is too long and overflows screen ### Expected Results All installed apps should be accessible by, e.g., a scrollable menu. ### More informations _No response_