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

Redesign of activity cards

    XMLWordPrintable

Details

    • Hide

      Test on both Android and iPad, but once device each.

      Most of the testing might be done during QA cycle, but I'll highlight the aspects to check.

      First, some notes:

      • Cards round borders have changed in most of the cases, this has been tested using behat snapshots.
      • Completion have been renewed to match 4.3, on both cards course page and activity page (on LMS, activity page maintains the previous look and feel).
      • Completion dropdown will be shown on  sites 4.0 or greater (so only 2 completion versions are available) the legacy checkbox icons, and the dropdown.
      • Module icons have been reduced, now are smaller having less border (on all versions).
      • The order of the elements  on the activity card have changed to match the UX prototype:
        • First line: Activity title (with icon). Also includes lock icon when activity is not available and green cloud when it's downloaded. Completion dropdown at the right of the title (only on bigger screens). Additional button (like open link in browser). Used in file and url resources.
        • Bellow the title: hidden badges (hidden from students of on course page) in gray.
        • Activity dates (start, due, end...). On one line, without icons, on smaller screens dates can be in different lines.
        • Completion dropdown (only on smaller screens). Only one dropdown will be shown depending of the size of the screen.
        • Activity description and activity restrictions. On smaller screens may be collapsed.
        • Extra information: like size and file type.
      • Site home icons have been changed as well to match the size of the activity card icons.
      Show
      Test on both Android and iPad, but once device each. Most of the testing might be done during QA cycle, but I'll highlight the aspects to check. First, some notes: Cards round borders have changed in most of the cases, this has been tested using behat snapshots. Completion have been renewed to match 4.3, on both cards course page and activity page (on LMS, activity page maintains the previous look and feel). Completion dropdown will be shown on  sites 4.0 or greater (so only 2 completion versions are available) the legacy checkbox icons, and the dropdown. Module icons have been reduced, now are smaller having less border (on all versions). The order of the elements  on the activity card have changed to match the UX prototype: First line: Activity title (with icon). Also includes lock icon when activity is not available and green cloud when it's downloaded. Completion dropdown at the right of the title (only on bigger screens). Additional button (like open link in browser). Used in file and url resources. Bellow the title: hidden badges (hidden from students of on course page) in gray. Activity dates (start, due, end...). On one line, without icons, on smaller screens dates can be in different lines. Completion dropdown (only on smaller screens). Only one dropdown will be shown depending of the size of the screen. Activity description and activity restrictions . On smaller screens may be collapsed. Extra information : like size and file type. Site home icons have been changed as well to match the size of the activity card icons.
    • MOODLE_402_STABLE
    • MOODLE_403_STABLE
    • Moodle Apps - 2023 Sprint i3.2, Moodle Apps - 2023 Sprint i3.3

    Attachments

      Issue Links

        Activity

          People

            pferre22 Pau Ferrer
            jleyva Juan Leyva
            Dani Palou Dani Palou
            Isabel Renedo Rouco Isabel Renedo Rouco
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Clockify

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