Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-57585

Style timeline view to match the prototype

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.3
    • Fix Version/s: None
    • Component/s: Calendar
    • Labels:
    • Testing Instructions:
      Hide
      1. Create a course with a very long full name
      2. Enrol a student in the course
      3. Create a bunch of assignments (or other activities that generate events)
      4. Go to the database and edit one or more of the events (in the "event" table) to have very long name
      5. Log in the as the student and go to your dashboard (with the myoverview block enabled)
      6. Confirm that all of the events are the same height
      7. Narrow the browser window to trigger each of the media breakpoints (see the bootstrap docs to know the exact widths). As you're doing it confirm that the display generally looks fairly close to the UX prototype (see prototype 6c in UX-8). At each size there should be as minimal text truncation as possible.
        • Note that the block was styled with the expectation that the nav drawer will be open on the dashboard
      8. Change language to an RTL language and make sure everything looks correct
      9. Repeat tests on the clean theme. This one will stray further from the UX prototype and due to being based on an older version of bootstrap.
      Show
      Create a course with a very long full name Enrol a student in the course Create a bunch of assignments (or other activities that generate events) Go to the database and edit one or more of the events (in the "event" table) to have very long name Log in the as the student and go to your dashboard (with the myoverview block enabled) Confirm that all of the events are the same height Narrow the browser window to trigger each of the media breakpoints (see the bootstrap docs to know the exact widths). As you're doing it confirm that the display generally looks fairly close to the UX prototype (see prototype 6c in UX-8 ). At each size there should be as minimal text truncation as possible. Note that the block was styled with the expectation that the nav drawer will be open on the dashboard Change language to an RTL language and make sure everything looks correct Repeat tests on the clean theme. This one will stray further from the UX prototype and due to being based on an older version of bootstrap.
    • Affected Branches:
      MOODLE_33_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-57585_master
    • Sprint:
      3.3 Project Team Sprint 3

      Description

      Add more styling to the timeline view so that it more closely matches the prototype. Both the desktop and mobile styling will need to be addressed.

      Things like vertically centering the action links, making the icon larger etc.

      Need to do both boost and clean themes.

      Also need to cover RTL styling.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              markn Mark Nelson
              Reporter:
              ryanwyllie Ryan Wyllie
              Participants:
              Component watchers:
              Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: