[Feature] Color picker missing HEX/RGB entry option #425

New issue

Closed

opened 2025-04-30 09:58:47 +02:00 by gio-educ · 1 comment

gio-educ commented

2025-04-30 09:58:47 +02:00

Environment

Custom menu version: 5.0.2
Nextcloud version: 31.0.3
PHP version: 8.3.6
Web server (Nginx, Apache2): Apache
Web browser and version (Firefox 80, Google Chrome 74, etc): Chrome 135

Configuration

{
  "add-logo-link": true,
  "always-displayed": false,
  "apps-categories-custom": {
    "external_index1": "cat19253798270638844",
    "external_index2": "cat3349012556544273",
    "external_index3": "cat3349012556544273",
    "external_index8": "cat7791097921989013",
    "dashboard": "customization",
    "integration_github": "integration",
    "ocs_api_viewer": null,
    "photos": "multimedia",
    "polls": "organization",
    "contacts": "social",
    "appointments": null,
    "announcementcenter": "tools",
    "analytics": "tools",
    "forms": "tools",
    "tables_application_3": "tools",
    "tables_application_5": "tools",
    "tables": "tools"
  },
  "apps-order": [
    "external_index1",
    "external_index2",
    "external_index3",
    "external_index8",
    "activity",
    "calendar",
    "collectives",
    "dashboard",
    "deck",
    "files",
    "forms",
    "mail",
    "notes",
    "photos",
    "polls",
    "snappymail",
    "tables",
    "spreed",
    "tasks"
  ],
  "background-color": "#7e5fb8",
  "background-color-opacity": 100,
  "background-color-to": "#7e5fb8",
  "big-menu": false,
  "big-menu-hidden-apps": [],
  "categories-custom": [
    {
      "id": "cat19253798270638844",
      "en": "Websites",
      "de": "Webseiten ",
      "en_GB": "Websites",
      "es": "Sitios web"
    },
    {
      "id": "cat7791097921989013",
      "en": "Collaboration",
      "de": "Kollaboration ",
      "en_GB": "Collaboration",
      "es": "Collaboración"
    },
    {
      "id": "cat3349012556544273",
      "en": "Learning & Teaching",
      "de": "Lernen & Lehre",
      "en_GB": "Learning & Teaching",
      "es": "Aprendizaje y enseñanza"
    }
  ],
  "categories-order": [
    "cat19253798270638844",
    "cat3349012556544273",
    "cat7791097921989013",
    "other",
    "customization",
    "dashboard",
    "external_links",
    "files",
    "workflow",
    "games",
    "integration",
    "monitoring",
    "multimedia",
    "office",
    "organization",
    "search",
    "security",
    "social",
    "tools"
  ],
  "categories-order-type": "custom",
  "current-app-background-color": "#6e53a1",
  "dark-mode-background-color": "#7e5fb8",
  "dark-mode-background-color-opacity": 66,
  "dark-mode-background-color-to": "#7e5fb8",
  "dark-mode-current-app-background-color": "#6e53a1",
  "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": true,
  "display-logo": true,
  "external-sites-in-top-menu": false,
  "force": false,
  "force-light-icon": false,
  "icon-invert-filter": 0,
  "icon-opacity": 100,
  "loader-color": "#B38FF3",
  "loader-enabled": true,
  "opener": "side-menu-opener",
  "opener-hover": false,
  "opener-only": false,
  "opener-position": "before",
  "show-settings": true,
  "side-with-categories": true,
  "size-icon": "normal",
  "size-text": "normal",
  "target-blank-apps": [
    "external_index1",
    "external_index2",
    "external_index3",
    "external_index8"
  ],
  "text-color": "#fafafa",
  "top-menu-apps": [
    "external_index1",
    "external_index2",
    "external_index3",
    "external_index8"
  ],
  "top-menu-mouse-over-hidden-label": 0,
  "top-side-menu-apps": [
    "external_index1",
    "external_index2",
    "external_index3",
    "external_index8"
  ],
  "use-avatar": false
}

Steps to reproduce

Go to the color menu under custom menu admin settings and try to change a color clicking on the 3 dots menu of the color picker.

Observed Results

There is no way to enter manually a HEX/RGB code for a specific color anymore.

Expected Results

To find a field to enter the HEX or RGB code for a specific color

More informations

No response

### Environment * Custom menu version: 5.0.2 * Nextcloud version: 31.0.3 * PHP version: 8.3.6 * Web server (Nginx, Apache2): Apache * Web browser and version (Firefox 80, Google Chrome 74, etc): Chrome 135 ### Configuration ``` { "add-logo-link": true, "always-displayed": false, "apps-categories-custom": { "external_index1": "cat19253798270638844", "external_index2": "cat3349012556544273", "external_index3": "cat3349012556544273", "external_index8": "cat7791097921989013", "dashboard": "customization", "integration_github": "integration", "ocs_api_viewer": null, "photos": "multimedia", "polls": "organization", "contacts": "social", "appointments": null, "announcementcenter": "tools", "analytics": "tools", "forms": "tools", "tables_application_3": "tools", "tables_application_5": "tools", "tables": "tools" }, "apps-order": [ "external_index1", "external_index2", "external_index3", "external_index8", "activity", "calendar", "collectives", "dashboard", "deck", "files", "forms", "mail", "notes", "photos", "polls", "snappymail", "tables", "spreed", "tasks" ], "background-color": "#7e5fb8", "background-color-opacity": 100, "background-color-to": "#7e5fb8", "big-menu": false, "big-menu-hidden-apps": [], "categories-custom": [ { "id": "cat19253798270638844", "en": "Websites", "de": "Webseiten ", "en_GB": "Websites", "es": "Sitios web" }, { "id": "cat7791097921989013", "en": "Collaboration", "de": "Kollaboration ", "en_GB": "Collaboration", "es": "Collaboración" }, { "id": "cat3349012556544273", "en": "Learning & Teaching", "de": "Lernen & Lehre", "en_GB": "Learning & Teaching", "es": "Aprendizaje y enseñanza" } ], "categories-order": [ "cat19253798270638844", "cat3349012556544273", "cat7791097921989013", "other", "customization", "dashboard", "external_links", "files", "workflow", "games", "integration", "monitoring", "multimedia", "office", "organization", "search", "security", "social", "tools" ], "categories-order-type": "custom", "current-app-background-color": "#6e53a1", "dark-mode-background-color": "#7e5fb8", "dark-mode-background-color-opacity": 66, "dark-mode-background-color-to": "#7e5fb8", "dark-mode-current-app-background-color": "#6e53a1", "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": true, "display-logo": true, "external-sites-in-top-menu": false, "force": false, "force-light-icon": false, "icon-invert-filter": 0, "icon-opacity": 100, "loader-color": "#B38FF3", "loader-enabled": true, "opener": "side-menu-opener", "opener-hover": false, "opener-only": false, "opener-position": "before", "show-settings": true, "side-with-categories": true, "size-icon": "normal", "size-text": "normal", "target-blank-apps": [ "external_index1", "external_index2", "external_index3", "external_index8" ], "text-color": "#fafafa", "top-menu-apps": [ "external_index1", "external_index2", "external_index3", "external_index8" ], "top-menu-mouse-over-hidden-label": 0, "top-side-menu-apps": [ "external_index1", "external_index2", "external_index3", "external_index8" ], "use-avatar": false } ``` ### Steps to reproduce Go to the color menu under custom menu admin settings and try to change a color clicking on the 3 dots menu of the color picker. ![image](/attachments/fb5b90c6-d2b2-42d7-bda6-1c35605f5074) ### Observed Results There is no way to enter manually a HEX/RGB code for a specific color anymore. ![image](/attachments/05109b57-516a-47e6-8519-fd9a08c6997d) ### Expected Results To find a field to enter the HEX or RGB code for a specific color ### More informations _No response_

image.png

48 KiB

image.png

44 KiB