Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-1251 As a user, I perceive apps as well-designed and working well
  3. MGNLUI-1255

Show "empty tab bar" at the top, if an app only has the main tab

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: Closed
    • Priority: Neutral
    • Resolution: Obsolete
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: app framework, design
    • Labels:

      Description

      We want to have an "empty tab bar" to ensure that the close icon and other (future) icons next to it look better aligned.

      Please do the following:

      • add a empty tab bar using slightly darker gray background.
        • Do not use lines to border it or to separate it from the where the main tab would be.
        • If the result looks to strong, try to use a gradient from the gray of the app panel to the gray of the empty tab bar, which starts and ends in the first third of the empty tab bar.
        • The resulting bar shouldn't be as dark as the tab bar is when there actually is a tab to not eat into the overall, generous appearance. It should just be discernible from the background
      • you might also want to try with a slightly lighter gray instead and check back with me. I doubt it will work, but we should have a look at it.
      • as a last option, we can show a thin gray or white line extending from where the main tab will end to the right edge of the panel. I want to avoid this, however, since our design does not use lines instead for grouping purposes.

      Our new color scheme gives us slightly more options when choosing grays: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+visual+design#Styleguidesforvisualdesign-ColorschemeforMagnolia

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              weder Andreas Weder
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: