[Bug] Top menu app name hover side menu icon

wargreen commented

2024-01-25 03:49:17 +01:00

Environment

Custom menu version: 3.11.3
Nextcloud version: 28.0.1
PHP version: 8.2
Web server (Nginx, Apache2): Nginx
Web browser and version (Firefox 80, Google Chrome 74, etc): Firefox 121.0.1

Configuration

{
    "add-logo-link": "1",
    "always-displayed": "0",
    "apps-categories-custom": "{\"contacts\":\"organization\",\"forms\":\"tools\",\"dashboard\":\"dashboard\",\"spreed\":\"social\",\"cospend\":\"tools\",\"keeweb\":\"tools\",\"calendar\":\"organization\",\"announcementcenter\":\"dashboard\",\"deck\":\"organization\",\"collectives\":\"social\",\"photos\":\"files\",\"polls\":\"tools\",\"tasks\":\"organization\",\"maps\":\"tools\",\"activity\":\"dashboard\",\"files\":\"files\"}",
    "apps-order": "[\"dashboard\",\"activity\",\"files\",\"photos\",\"calendar\",\"contacts\",\"deck\",\"tasks\",\"collectives\",\"spreed\",\"polls\",\"maps\",\"forms\",\"keeweb\",\"cospend\",\"announcementcenter\"]",
    "background-color": "#a24a07",
    "background-color-opacity": "100",
    "background-color-to": "#a24a07",
    "big-menu": "0",
    "big-menu-hidden-apps": "[]",
    "categories-custom": "[{\"id\":\"cat5527808324341914\",\"en\":\"Overview\",\"fr\":\"Vue d'ensemble\",\"es\":\"Resumen\",\"de\":\"\\u00dcberblick\",\"en_GB\":\"Overview\"}]",
    "categories-order": "[\"dashboard\",\"other\",\"office\",\"external_links\",\"files\",\"workflow\",\"integration\",\"games\",\"multimedia\",\"organization\",\"customization\",\"search\",\"social\",\"tools\",\"monitoring\",\"security\",\"cat5527808324341914\"]",
    "categories-order-type": "custom",
    "current-app-background-color": "#8e4106",
    "dark-mode-background-color": "#a24a07",
    "dark-mode-background-color-opacity": "100",
    "dark-mode-background-color-to": "#a24a07",
    "dark-mode-current-app-background-color": "#8e4106",
    "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": "1",
    "enabled": "yes",
    "force": "0",
    "hide-when-no-apps": "1",
    "icon-invert-filter": "0",
    "icon-opacity": "100",
    "installed_version": "3.11.3",
    "loader-color": "#d57d3a",
    "loader-enabled": "1",
    "opener": "side-menu-opener",
    "opener-hover": "0",
    "opener-only": "1",
    "opener-position": "before",
    "show-settings": "1",
    "side-with-categories": "1",
    "size-icon": "normal",
    "size-text": "normal",
    "target-blank-apps": "[]",
    "text-color": "#ffffff",
    "top-menu-apps": "[\"contacts\",\"dashboard\",\"spreed\",\"calendar\",\"deck\",\"collectives\",\"tasks\",\"maps\",\"files\"]",
    "top-menu-mouse-over-hidden-label": "0",
    "top-side-menu-apps": "[\"contacts\",\"dashboard\",\"spreed\",\"calendar\",\"deck\",\"collectives\",\"tasks\",\"maps\",\"files\"]",
    "types": "",
    "use-avatar": "0"
}

Steps to reproduce

No response

Observed Results

The (long) name for an app hover the menu button.
So the user that want to open the menu click on the first top menu app.

Expected Results

No response

More informations

No response

### Environment * Custom menu version: 3.11.3 * Nextcloud version: 28.0.1 * PHP version: 8.2 * Web server (Nginx, Apache2): Nginx * Web browser and version (Firefox 80, Google Chrome 74, etc): Firefox 121.0.1 ### Configuration ``` { "add-logo-link": "1", "always-displayed": "0", "apps-categories-custom": "{\"contacts\":\"organization\",\"forms\":\"tools\",\"dashboard\":\"dashboard\",\"spreed\":\"social\",\"cospend\":\"tools\",\"keeweb\":\"tools\",\"calendar\":\"organization\",\"announcementcenter\":\"dashboard\",\"deck\":\"organization\",\"collectives\":\"social\",\"photos\":\"files\",\"polls\":\"tools\",\"tasks\":\"organization\",\"maps\":\"tools\",\"activity\":\"dashboard\",\"files\":\"files\"}", "apps-order": "[\"dashboard\",\"activity\",\"files\",\"photos\",\"calendar\",\"contacts\",\"deck\",\"tasks\",\"collectives\",\"spreed\",\"polls\",\"maps\",\"forms\",\"keeweb\",\"cospend\",\"announcementcenter\"]", "background-color": "#a24a07", "background-color-opacity": "100", "background-color-to": "#a24a07", "big-menu": "0", "big-menu-hidden-apps": "[]", "categories-custom": "[{\"id\":\"cat5527808324341914\",\"en\":\"Overview\",\"fr\":\"Vue d'ensemble\",\"es\":\"Resumen\",\"de\":\"\\u00dcberblick\",\"en_GB\":\"Overview\"}]", "categories-order": "[\"dashboard\",\"other\",\"office\",\"external_links\",\"files\",\"workflow\",\"integration\",\"games\",\"multimedia\",\"organization\",\"customization\",\"search\",\"social\",\"tools\",\"monitoring\",\"security\",\"cat5527808324341914\"]", "categories-order-type": "custom", "current-app-background-color": "#8e4106", "dark-mode-background-color": "#a24a07", "dark-mode-background-color-opacity": "100", "dark-mode-background-color-to": "#a24a07", "dark-mode-current-app-background-color": "#8e4106", "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": "1", "enabled": "yes", "force": "0", "hide-when-no-apps": "1", "icon-invert-filter": "0", "icon-opacity": "100", "installed_version": "3.11.3", "loader-color": "#d57d3a", "loader-enabled": "1", "opener": "side-menu-opener", "opener-hover": "0", "opener-only": "1", "opener-position": "before", "show-settings": "1", "side-with-categories": "1", "size-icon": "normal", "size-text": "normal", "target-blank-apps": "[]", "text-color": "#ffffff", "top-menu-apps": "[\"contacts\",\"dashboard\",\"spreed\",\"calendar\",\"deck\",\"collectives\",\"tasks\",\"maps\",\"files\"]", "top-menu-mouse-over-hidden-label": "0", "top-side-menu-apps": "[\"contacts\",\"dashboard\",\"spreed\",\"calendar\",\"deck\",\"collectives\",\"tasks\",\"maps\",\"files\"]", "types": "", "use-avatar": "0" } ``` ### Steps to reproduce _No response_ ### Observed Results The (long) name for an app hover the menu button. So the user that want to open the menu click on the first top menu app. ![image](/attachments/fa0ea0c7-1699-4bae-a773-6d37c75bbe4c) ### Expected Results _No response_ ### More informations _No response_

image.png

7.8 KiB

image.png

7.8 KiB

wargreen added the

bug

label 2024-01-25 03:49:17 +01:00

deblan commented

2024-01-25 09:03:10 +01:00

Owner

Hi,

This hover effect is generated by Nextcloud. I will take a look at the z-index value of the opener.

As workaround, you could display the logo.

Hi, This hover effect is generated by Nextcloud. I will take a look at the z-index value of the opener. As workaround, you could display the logo.

wargreen commented

2024-01-26 03:08:44 +01:00

Author

Sure, in reality, this is more a bug in the effect of the menu...
But with the other object of the menu this seem work well...
And it seem to me that can be useful for your app to handle all kind of strange translation that can be happen here :)

For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users.

Thanks for the codelines !

Sure, in reality, this is more a bug in the effect of the menu... But with the other object of the menu this seem work well... And it seem to me that can be useful for your app to handle all kind of strange translation that can be happen here :) For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users. Thanks for the codelines !

deblan commented

2024-01-28 23:29:31 +01:00

Owner

For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users.

Specify "Before the logo" for the setting named "Position".

> For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users. Specify "Before the logo" for the setting named "Position".

screenshot_20240128.png

91 KiB

deblan commented

2024-01-28 23:39:34 +01:00

Owner

After tests, I can't fix this Nextcloud issue. The last option is to set "Yes" for "Hide labels on mouse over" but labels will be hidden.

screenshot_20240128_1.png

66 KiB

deblan added the

wontfix

label 2024-01-28 23:39:43 +01:00

deblan closed this issue

2024-01-28 23:39:59 +01:00

wargreen commented

2024-01-29 07:26:43 +01:00

Author

For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users.

Specify "Before the logo" for the setting named "Position".

I've also try and even tech-friendly friends was confused.

I understand that is not an app issue, thanks anyway for the research !

> > For the logo, i've try but when displayed, the open and the close buttons are not at the same place, and this is confusing for our users. > > Specify "Before the logo" for the setting named "Position". I've also try and even tech-friendly friends was confused. I understand that is not an app issue, thanks anyway for the research !

[Bug] Top menu app name hover side menu icon #310

Environment

Configuration

Steps to reproduce

Observed Results

Expected Results

More informations