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

Improve Tabs alignment inside modals

    XMLWordPrintable

Details

    • Task
    • Resolution: Fixed
    • L3 - Default
    • 3.11.0-alpha4, 3.11.0
    • None
    • frontend
    • None
    • Not defined

    Description

      Context:
      In this guide here:
      https://carbondesignsystem.com/components/tabs/usage#alignment
      There is a section called “Alignment within a component” which describe how should we align tabs inside modals. There are some improvement that we could make to the way we currently align them.

      AT:

      • Align the tab list to the edge of the modal (no left padding).
      • Add a full width horizontal line

      Testing Notes:

      the tabs component can be found in:

      1. add dashboard tile modal
      2. add events modal when creating event based process
      3. in outlier analysis when you hover over flow node and click View Details

      In all these places now the tabs should span across the full width of the modal and the extra space on the right should be filled with gray line (see attached picture)

      mgm-controller-panel

        This is the controller panel for Smart Panels app

        Attachments

          Activity

            People

              Unassigned Unassigned
              omran.abazeed Omran Abazeed
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Salesforce