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

Review the UI and CSS of the activity project prototype

    XMLWordPrintable

Details

    • MOODLE_403_STABLE
    • MOODLE_403_STABLE
    • MDL-78558-master
    • Hide

      Setup

      1. Login as admin
      2. Create new users User1 and User2
      3. Create a new course Course1 with "Completion tracking" enabled
      4. Enrol User1 in Course1 as teacher and User2 as student
      5. Create a new Forum activity with a super long name and post a new topic (Use "Send forum post notifications with no editing-time delay" advanced feature)
      6. Create a new File resource (upload any PDF file) with a super long name with "Show size" and "Show type" settings enabled
      7. Create a new Assignment1 activity with activity completion > completion tracking set to "Show activity as complete when conditions are met" and "Student must view this activity to complete it" enabled
      8. Create a new Assignment2 activity with activity completion > completion tracking set to "Students can manually mark the activity as completed"
      9. Create a new Page resource with any activity restrictions
      10. Create a new course Topic/Section with any activity restrictions

      Test Teacher (prototype)

      1. Log in as User1
      2. Go to User Preferences > Forum preferences
      3. Set "Forum tracking" to Yes
      4. Go to Course1 and Enable Edit mode
      5. Confirm Section/Topic activity restrictions and Page activity restrictions are displayed according to the prototype styles and with "Edit settings" button
      6. Confirm pencil icon to edit activity names is displayed next to the activity name (in the same line) even for long activity names
      7. Confirm that "PDF" badge is displayed next to the File activity name (in the same line)
      8. Confirm that "1 unread post" badge is displayed next to the Forum activity name (in the same line)
      9. Confirm that the activity action menu, groupmode button and completion dropdown button are displayed with the same height and according to the prototype styles
      10. Confirm that the "+" icon in "Add activity or resource" button is displayed rounded according to the prototype styles
      11. Confirm that the "+" icon is displayed in "Add topic" link

      Test Student (prototype)

      1. Log in as User2
      2. Go to Course1
      3. Confirm that "Mark as done" and "To do" button styles are displayed consistently and according to the prototype styles
      4. Click on "Mark as done" button in the Assignment2 activity
      5. Click on Assignment1 activity name to access the activity and go back to the course page
      6. Confirm that Assignment1 and Assignment2 completion button is displayed consistently in green colour and according to the prototype styles
      Show
      Setup Login as admin Create new users User1 and User2 Create a new course Course1 with "Completion tracking" enabled Enrol User1 in Course1 as teacher and User2 as student Create a new Forum activity with a super long name and post a new topic (Use "Send forum post notifications with no editing-time delay" advanced feature) Create a new File resource (upload any PDF file) with a super long name with "Show size" and "Show type" settings enabled Create a new Assignment1 activity with activity completion > completion tracking set to "Show activity as complete when conditions are met" and "Student must view this activity to complete it" enabled Create a new Assignment2 activity with activity completion > completion tracking set to "Students can manually mark the activity as completed" Create a new Page resource with any activity restrictions Create a new course Topic/Section with any activity restrictions Test Teacher ( prototype ) Log in as User1 Go to User Preferences > Forum preferences Set "Forum tracking" to Yes Go to Course1 and Enable Edit mode Confirm Section/Topic activity restrictions and Page activity restrictions are displayed according to the prototype styles and with "Edit settings" button Confirm pencil icon to edit activity names is displayed next to the activity name (in the same line) even for long activity names Confirm that "PDF" badge is displayed next to the File activity name (in the same line) Confirm that "1 unread post" badge is displayed next to the Forum activity name (in the same line) Confirm that the activity action menu, groupmode button and completion dropdown button are displayed with the same height and according to the prototype styles Confirm that the "+" icon in "Add activity or resource" button is displayed rounded according to the prototype styles Confirm that the "+" icon is displayed in "Add topic" link Test Student ( prototype ) Log in as User2 Go to Course1 Confirm that "Mark as done" and "To do" button styles are displayed consistently and according to the prototype styles Click on "Mark as done" button in the Assignment2 activity Click on Assignment1 activity name to access the activity and go back to the course page Confirm that Assignment1 and Assignment2 completion button is displayed consistently in green colour and according to the prototype styles
    • 3
    • HQ 2023 Sprint I3.1 Moppies

    Description

      This is issue is about reviewing the UI and CSS of the implemented activity card project changes to match the prototype:

      1. Fix paddings/margin on restrictions block when displaying "Edit settings" button
      2. Fix activity action menu size to 32x32
      3. Re-style the "+" button in "Add activity or resource" to rounded to match the prototype
      4. Add "Completion"/"To do" button hover styling
      5. Fix action menu and groupmode hover styling (bgcolor and radius)
      6. Fix inplaceeditable icon and activity badge position to show them inline with the activity name
      7. Fix section availability styles to be consistent with activity availability
      8. Fix "Add section" spacing and styles, adding "+" icon too

      Attachments

        1. image-2023-08-22-17-19-59-560.png
          2 kB
          Laurent David
        2. image-2023-08-22-17-20-19-892.png
          2 kB
          Laurent David
        3. image-2023-08-22-17-21-06-861.png
          36 kB
          Laurent David
        4. image-2023-08-22-17-23-23-365.png
          2 kB
          Laurent David
        5. image-2023-08-22-17-23-33-362.png
          2 kB
          Laurent David
        6. image-2023-08-22-17-29-57-896.png
          36 kB
          Laurent David
        7. image-2023-08-22-17-30-11-882.png
          20 kB
          Laurent David
        8. image-2023-08-22-17-32-16-028.png
          28 kB
          Laurent David
        9. image-2023-08-24-09-04-50-514.png
          31 kB
          Laurent David
        10. image-2023-09-06-16-46-52-877.png
          5 kB
          Amaia Anabitarte
        11. image-2023-09-06-16-47-13-384.png
          37 kB
          Amaia Anabitarte
        12. MDL-78558-Test Student.png
          234 kB
          Ron Carl Alfon Yu
        13. MDL-78558- Test Teacher.png
          581 kB
          Ron Carl Alfon Yu
        14. newactivityiconsize_activitypage.png
          13 kB
          Sara Arjona (@sarjona)
        15. newactivityiconsize_maincoursepage.png
          20 kB
          Sara Arjona (@sarjona)

        Issue Links

          Activity

            People

              mikelmartíncorrales Mikel Martín Corrales
              amaia Amaia Anabitarte
              Laurent David Laurent David
              Amaia Anabitarte Amaia Anabitarte
              Ron Carl Alfon Yu Ron Carl Alfon Yu
              Votes:
              0 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 5 hours, 22 minutes
                  2d 5h 22m

                  Clockify

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