Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-11408

Menu Application: Improve default look to make it better-looking with the Flamingo skin

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 6.3-rc-1
    • Fix Version/s: 6.4-milestone-2
    • Component/s: Menu
    • Labels:
      None
    • Difficulty:
      Unknown
    • Similar issues:

      Description

      With the new Flamingo skin, the look of the menu application isn't very good:

      • The menu bar is right underneath the top bar and they share the same color, so it's not easy to distinguish both
      • The text of the menu bar is smaller than the text of the top bar, which isn't very good looking

      The suggested improvement would be to make the look of the menu application more like how it looks on XWiki.org:

      • Different background color for the menu
      • Increased height for the menu
      • Bigger font size for the menu
      • The background color of a menu item on hover should change

      I added screenshots to illustrate my suggestions.

        Attachments

        1. after_flamingo_darkly.png
          157 kB
          Ecaterina Moraru (Valica)
        2. after_flamingo_simplex.png
          170 kB
          Ecaterina Moraru (Valica)
        3. after_flamingo_united.png
          163 kB
          Ecaterina Moraru (Valica)
        4. after_horizontal_colibri.png
          197 kB
          Ecaterina Moraru (Valica)
        5. after_horizontal_flamingo.png
          180 kB
          Ecaterina Moraru (Valica)
        6. after_responsive_flamingo.png
          115 kB
          Ecaterina Moraru (Valica)
        7. after_vertical_colibri.png
          59 kB
          Ecaterina Moraru (Valica)
        8. after_vertical_flamingo.png
          70 kB
          Ecaterina Moraru (Valica)
        9. before_horizontal_colibri.png
          197 kB
          Ecaterina Moraru (Valica)
        10. before_horizontal_flamingo.png
          176 kB
          Ecaterina Moraru (Valica)
        11. before_vertical_colibri.png
          59 kB
          Ecaterina Moraru (Valica)
        12. before_vertical_flamingo.png
          70 kB
          Ecaterina Moraru (Valica)
        13. XE - menu open - NEEDS IMPROVEMENT.png
          75 kB
          Guillaume Lerouge
        14. XE - NEEDS IMPROVEMENT.png
          54 kB
          Guillaume Lerouge
        15. XWiki.org - GOOD LOOKING.png
          84 kB
          Guillaume Lerouge
        16. XWiki.org - menu open - GOOD LOOKING.png
          131 kB
          Guillaume Lerouge

          Issue Links

            Activity

              People

              • Assignee:
                evalica Ecaterina Moraru (Valica)
                Reporter:
                wikibc Guillaume Lerouge
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Date of First Response: