Vertical menu to save space on big screens

XMLWordPrintable

    • Sprint 60 (Jan 2020), Sprint 61 (Feb 2020), Sprint 62 (Mar 2020), Sprint 63 (Apr 2020)
    • 3

      Summary

      Current horizontal main menu is outdated by modern UI standards. Also it has few usability issues like consuming tons of space on wide screens and awkward navigation. It should be redesigned to have a vertical layout.

      Acceptance

      1. Main menu must be redesigned to be displayed vertically on the left side and support three modes:
        1. Fully hidden
        2. Display icons only
        3. Display everything
      2. It must provide better usability comparing to the old menu
      3. It must be responsive

        1. zbx-vertical-menu-resize_problem.png
          100 kB
          Dimitri Bellini
        2. zabbix_1280x1024.jpg
          68 kB
          Dimitri Bellini
        3. v_menu_expanded_hidden.png
          19 kB
          Rostislav Palivoda
        4. v_menu_expanded_2levels.png
          41 kB
          Rostislav Palivoda
        5. v_menu_compact.png
          24 kB
          Rostislav Palivoda
        6. v_menu_compact_hovered.png
          33 kB
          Rostislav Palivoda
        7. v_menu_compact_hovered_light.png
          32 kB
          Rostislav Palivoda
        8. subissue_10.png
          63 kB
          Andrejs Verza
        9. Selection_966.png
          284 kB
          Larisa Grigorjeva
        10. Selection_965.png
          45 kB
          Larisa Grigorjeva
        11. Selection_964.png
          38 kB
          Larisa Grigorjeva
        12. Selection_963.png
          95 kB
          Larisa Grigorjeva
        13. Selection_961.png
          92 kB
          Larisa Grigorjeva
        14. Selection_960.png
          80 kB
          Larisa Grigorjeva
        15. Selection_959.png
          121 kB
          Larisa Grigorjeva
        16. Selection_956.png
          735 kB
          Larisa Grigorjeva
        17. Selection_955.png
          103 kB
          Larisa Grigorjeva
        18. Selection_954.png
          51 kB
          Larisa Grigorjeva
        19. Selection_953.png
          37 kB
          Larisa Grigorjeva
        20. Selection_093.png
          121 kB
          Larisa Grigorjeva
        21. Selection_092.png
          168 kB
          Larisa Grigorjeva
        22. Selection_042.png
          43 kB
          Larisa Grigorjeva
        23. Selection_041.png
          11 kB
          Larisa Grigorjeva
        24. Selection_040.png
          24 kB
          Larisa Grigorjeva
        25. Selection_039.png
          125 kB
          Larisa Grigorjeva
        26. Selection_038.png
          33 kB
          Larisa Grigorjeva
        27. Selection_037.png
          46 kB
          Larisa Grigorjeva
        28. Selection_036.png
          7 kB
          Larisa Grigorjeva
        29. Selection_035.png
          9 kB
          Larisa Grigorjeva
        30. Selection_023.png
          102 kB
          Larisa Grigorjeva
        31. Selection_022.png
          52 kB
          Larisa Grigorjeva
        32. Selection_020.png
          105 kB
          Larisa Grigorjeva
        33. Selection_019.png
          99 kB
          Larisa Grigorjeva
        34. Selection_010.png
          48 kB
          Larisa Grigorjeva
        35. Selection_006.png
          137 kB
          Larisa Grigorjeva
        36. Screenshot from 2020-04-01 11-29-28.png
          132 kB
          Dimitri Bellini
        37. Peek 2020-03-26 17-39.gif
          1.02 MB
          Larisa Grigorjeva
        38. Peek 2020-03-25 21-05.gif
          227 kB
          Larisa Grigorjeva
        39. Peek 2020-03-16 15-56.gif
          305 kB
          Larisa Grigorjeva
        40. Peek 2020-03-16 15-53.gif
          229 kB
          Larisa Grigorjeva
        41. Peek 2020-03-16 15-51.gif
          176 kB
          Larisa Grigorjeva
        42. Peek 2020-03-16 15-42.gif
          83 kB
          Larisa Grigorjeva
        43. Peek 2020-03-16 13-52.gif
          174 kB
          Larisa Grigorjeva
        44. Peek 2020-03-16 13-09.gif
          65 kB
          Larisa Grigorjeva
        45. Peek 2020-03-16 13-06.gif
          74 kB
          Larisa Grigorjeva
        46. Peek 2020-03-16 13-05.gif
          60 kB
          Larisa Grigorjeva
        47. Peek 2020-02-28 18-00.gif
          1.60 MB
          Larisa Grigorjeva
        48. Peek 2020-02-28 17-37.gif
          823 kB
          Larisa Grigorjeva
        49. Peek 2020-02-28 17-36.gif
          1.25 MB
          Larisa Grigorjeva
        50. Peek 2020-02-28 17-35.gif
          1.40 MB
          Larisa Grigorjeva
        51. image-2020-03-23-09-07-18-289.png
          1 kB
          Andrejs Verza
        52. image-2020-03-05-12-31-31-517.png
          60 kB
          Andrejs Verza
        53. icons-misaligned.png
          7 kB
          Andrejs Verza
        54. flat-css3-breadcrumb.png
          3 kB
          Dimitri Bellini

            Assignee:
            Aleksandrs Subins
            Reporter:
            Rostislav Palivoda (Inactive)
            Team D
            Votes:
            7 Vote for this issue
            Watchers:
            19 Start watching this issue

              Created:
              Updated:
              Resolved: