Uploaded image for project: 'Camunda Optimize'
  1. Camunda Optimize
  2. OPT-1835

Make tooltips beautiful

XMLWordPrintable

      We currently use the html title attribute to render tooltips. This works and is easy and fast to implement, but does not look very nice. I think we can improve the look and feel of tooltips by implementing them ourselves.

      This gives us control over their styling and behavior like delays.

      AT:

      • Implement a custom tooltip component
      • use the component where necessary (User list warning, breadcrumbs)

        This is the controller panel for Smart Panels app

          1. opti_breadcrumb_tooltip.png
            opti_breadcrumb_tooltip.png
            179 kB
          2. opti_dashboardname_tooltip.png
            opti_dashboardname_tooltip.png
            52 kB

            [OPT-1835] Make tooltips beautiful

            Michael Schoettes added a comment -

            sebastian.stamm, I have two remarks: 1. Tooltips in the breadcrumb bar or the list of reports & dashbaords have a white background whereas tooltips in the dashboard view or the report view have a black background. Is that the expected behavior?
            2. When I toggle the fullscreen mode for dashboards I see no tooltips at all, neither for the dashboard title nor for report names.

            Michael Schoettes added a comment - sebastian.stamm , I have two remarks: 1. Tooltips in the breadcrumb bar or the list of reports & dashbaords have a white background whereas tooltips in the dashboard view or the report view have a black background. Is that the expected behavior? 2. When I toggle the fullscreen mode for dashboards I see no tooltips at all, neither for the dashboard title nor for report names.

            Michael Schoettes added a comment -

            Created OPT-4598 for the missing tooltip, OPT-4601 for a uniform tooltip appearance and OPT-4602 for a missing line break for very long report names

            Michael Schoettes added a comment - Created OPT-4598 for the missing tooltip, OPT-4601 for a uniform tooltip appearance and OPT-4602 for a missing line break for very long report names

              Unassigned Unassigned
              sebastian.stamm Sebastian Stamm
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: