Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-382

Enhance design for usability

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • 1.3
    • 1.2
    • Android, iOS
    • MOODLE_12_STABLE
    • MOODLE_13_STABLE

      Adjustments need to be done for usability sake for

      1. Navbar height: 44px

      2. Panel width

      • main menu panel: 320px
      • submenu panel: 320px
      • content panel
      • landscape panel width: 704px (may it be 2 or 3 panel)
      • portrait panel width: 448px

      3. Row height: 44px

      4. Font size: 14px

      5. Icon size

      • Display icon: 24x24 px (Icons on main menu panel, activity icons)
      • Action icon: 18x18 px with 13px padding

      6. Icon color

      • on orange bg: #FFF
      • on white bg: #BBB

      7. Button size and style

      • height: 30px

      Please refer to the guidelines for complete details https://docs.google.com/document/d/11iH5YTSazCSYGPUkja673lxxywLWTDE2yCwl9ICRC-I/edit

            jmgifreu Josep Maria Gifreu
            barbararamiro Barbara Ramiro
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.