[Bug] Menu-Icon in Decks broken - caused of side_menu #302

New issue

Closed

opened 2023-11-29 18:44:35 +01:00 by rethus · 4 comments

rethus commented

2023-11-29 18:44:35 +01:00

Environment

Custom menu version: 3.11.2
Nextcloud version: 26.0.5
PHP version: 8.2
Web server (Nginx, Apache2): SaaS-Hosted ..no clue
Web browser and version (Firefox 80, Google Chrome 74, etc): BRAVE - Version 1.60.118 Chromium: 119.0.6045.163 (Offizieller Build) (64-Bit)

Configuration

{
    "add-logo-link": "1",
    "always-displayed": "1",
    "apps-categories-custom": "[]",
    "apps-order": "[\"dashboard\",\"deck\",\"calendar\",\"contacts\",\"cospend\",\"files\",\"photos\",\"cookbook\",\"notes\",\"activity\"]",
    "background-color": "#66405a",
    "background-color-opacity": "100",
    "background-color-to": "#66405a",
    "big-menu": "0",
    "big-menu-hidden-apps": "[]",
    "categories-custom": "[]",
    "categories-order": "[\"other\",\"customization\",\"office\",\"dashboard\",\"files\",\"integration\",\"external_links\",\"workflow\",\"social\",\"multimedia\",\"organization\",\"security\",\"search\",\"tools\",\"monitoring\",\"games\"]",
    "categories-order-type": "custom",
    "current-app-background-color": "#59384f",
    "dark-mode-background-color": "#66405a",
    "dark-mode-background-color-opacity": "83",
    "dark-mode-background-color-to": "#66405a",
    "dark-mode-current-app-background-color": "#59384f",
    "dark-mode-icon-invert-filter": "0",
    "dark-mode-icon-opacity": "100",
    "dark-mode-loader-color": "#ffffff",
    "dark-mode-opener": "side-menu-opener-hamburger-2",
    "dark-mode-text-color": "#ffffff",
    "default-enabled": "1",
    "display-logo": "0",
    "enabled": "yes",
    "force": "0",
    "hide-when-no-apps": "0",
    "icon-invert-filter": "0",
    "icon-opacity": "100",
    "installed_version": "3.11.2",
    "loader-color": "#99738d",
    "loader-enabled": "1",
    "opener": "side-menu-opener-hamburger",
    "opener-hover": "1",
    "opener-only": "0",
    "opener-position": "before",
    "show-settings": "1",
    "side-with-categories": "0",
    "size-icon": "big",
    "size-text": "normal",
    "target-blank-apps": "[]",
    "text-color": "#ffffff",
    "top-menu-apps": "[]",
    "top-menu-mouse-over-hidden-label": "0",
    "top-side-menu-apps": "[]",
    "types": "",
    "use-avatar": "0"
}

Steps to reproduce

Install Decks, put your Custom-Menu vertically as shown in the screenshot.
Close the Sidebar of Decks.

You can solve this issue by just remove "!important" from the class-declaration like this:
`

.side-menu-always-displayed .app-navigation--close {
  transform: translateX(calc(-100% + 50px));
}

Result looks like this:

Observed Results

No response

Expected Results

No response

More informations

No response

### Environment * Custom menu version: 3.11.2 * Nextcloud version: 26.0.5 * PHP version: 8.2 * Web server (Nginx, Apache2): SaaS-Hosted ..no clue * Web browser and version (Firefox 80, Google Chrome 74, etc): BRAVE - Version 1.60.118 Chromium: 119.0.6045.163 (Offizieller Build) (64-Bit) ### Configuration ``` { "add-logo-link": "1", "always-displayed": "1", "apps-categories-custom": "[]", "apps-order": "[\"dashboard\",\"deck\",\"calendar\",\"contacts\",\"cospend\",\"files\",\"photos\",\"cookbook\",\"notes\",\"activity\"]", "background-color": "#66405a", "background-color-opacity": "100", "background-color-to": "#66405a", "big-menu": "0", "big-menu-hidden-apps": "[]", "categories-custom": "[]", "categories-order": "[\"other\",\"customization\",\"office\",\"dashboard\",\"files\",\"integration\",\"external_links\",\"workflow\",\"social\",\"multimedia\",\"organization\",\"security\",\"search\",\"tools\",\"monitoring\",\"games\"]", "categories-order-type": "custom", "current-app-background-color": "#59384f", "dark-mode-background-color": "#66405a", "dark-mode-background-color-opacity": "83", "dark-mode-background-color-to": "#66405a", "dark-mode-current-app-background-color": "#59384f", "dark-mode-icon-invert-filter": "0", "dark-mode-icon-opacity": "100", "dark-mode-loader-color": "#ffffff", "dark-mode-opener": "side-menu-opener-hamburger-2", "dark-mode-text-color": "#ffffff", "default-enabled": "1", "display-logo": "0", "enabled": "yes", "force": "0", "hide-when-no-apps": "0", "icon-invert-filter": "0", "icon-opacity": "100", "installed_version": "3.11.2", "loader-color": "#99738d", "loader-enabled": "1", "opener": "side-menu-opener-hamburger", "opener-hover": "1", "opener-only": "0", "opener-position": "before", "show-settings": "1", "side-with-categories": "0", "size-icon": "big", "size-text": "normal", "target-blank-apps": "[]", "text-color": "#ffffff", "top-menu-apps": "[]", "top-menu-mouse-over-hidden-label": "0", "top-side-menu-apps": "[]", "types": "", "use-avatar": "0" } ``` ### Steps to reproduce Install Decks, put your Custom-Menu vertically as shown in the screenshot. Close the Sidebar of Decks. ![image](/attachments/7e4741c2-db6f-4e0e-adb7-dd19ea14b0c4) You can solve this issue by just remove "!important" from the class-declaration like this: ` ```CSS .side-menu-always-displayed .app-navigation--close { transform: translateX(calc(-100% + 50px)); } ``` Result looks like this: ![image](/attachments/c612b65e-58ba-48d9-9372-9b5cad94b6e1) ### Observed Results _No response_ ### Expected Results _No response_ ### More informations _No response_

image.png

921 KiB

image.png

563 KiB

rethus added the

bug

label 2023-11-29 18:44:35 +01:00

deblan referenced this issue from a commit

2024-01-15 21:12:37 +01:00

fix #302: remove "!important" on the rule that moves elements

deblan referenced a pull request that will close this issue

2024-01-15 21:13:48 +01:00

[Bug] Menu-Icon in Decks broken - caused of side_menu #302 #306

deblan added the

next release

label 2024-01-15 21:14:20 +01:00

ctietze commented

2024-01-16 16:04:28 +01:00

Was the same for Collectives:

Came here to report, but can confirm the fix from yesterday applies to this, too, and helps 👍 Nice!

Was the same for Collectives: ![2024-01-16 16-02-16 Arc - Zettelkasten.de - Collectives - Nextcloud](/attachments/3c954aba-dcd3-46cf-a157-f3725c24b35a) Came here to report, but can confirm the fix from yesterday applies to this, too, and helps 👍 Nice!

2024-01-16 16-02-16 Arc - Zettelkasten.de - Collectives - Nextcloud.png

32 KiB