Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-2624

Show popup with hidden tabs, if there are too many tabs to fit in one row

    XMLWordPrintable

Details

    • Sprint 2 (Basel), Sprint 6 (Basel)
    • 1

    Description

      When tabsheet holds more tabs than its width can afford, the extra tabs overflow to a second row, where they were never designed to go.

      We're going to implement the "Safari approach" to fix this problem:

      • The last tab is a combined tab w drop-down
        • A click on the dropdown icon OR the already selected tab opens the dropdown, which shows all currently hidden tabs.
        • When resizing the browser or the dialog, the hidden tabs should be calculated again

      To switch between tabs using the keyboard, you use the arrow keys to change the focus to a different tab, then switch to it by e.g. pressing SPACE. This is mentioned here to complete the concept, but should be treated in a separate follow-up issue (MGNLUI-3452) .

      Checklists

        Acceptance criteria

        Attachments

          1. 1 Choose arrow.png
            1 Choose arrow.png
            20 kB
          2. 2 Choose hidden tab.png
            2 Choose hidden tab.png
            44 kB
          3. 3 Tab chosen.png
            3 Tab chosen.png
            21 kB
          4. qa-sample-dialog-with-long-tweaked-titles.png
            qa-sample-dialog-with-long-tweaked-titles.png
            163 kB
          5. shop3.png
            shop3.png
            74 kB

          Issue Links

            Activity

              People

                apchelintcev Aleksandr Pchelintcev
                mgeljic Mikaël Geljić
                Votes:
                1 Vote for this issue
                Watchers:
                8 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - 0.25d Original Estimate - 0.25d
                      0.25d
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 17.75d
                      17.75d