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

Improve the styling of the tertiary navigation on the gradebook pages

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-75157-master-1
    • Hide

      Test 1 (boost)

      1. Login as admin.
      2. Make sure you are using the boost theme.
      3. Enable outcomes (Site administration > Advanced features).
      4. Create a course and go to the course.
      5. Go to the course gradebook (ex. Grade history)
      6. In the gradebook
        1. confirm that the tertiary navigation area has a bottom horizontal border that has the same width as the secondary navigation bottom border.
        2. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element.
      7. Change the browser to a width that is less than 767px.
        1. confirm that the tertiary navigation area has a bottom horizontal border that has the width as the secondary navigation bottom border.
      8. Click on every link within the gradebook tertiary navigation selector (Grader report, Grade history, Outcomes report, etc.)  and each time once redirected:
        1. confirm that the tertiary navigation area has a bottom horizontal border that has the same width as the secondary navigation bottom border.
        2. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element.
      9. Navigate to Outcomes (using the gradebook tertiary navigation selector)
      10. Click on Manage outcomes
      11. In the Manage outcomes page:
        1. confirm that the tertiary navigation area has a bottom horizontal border that has the width as the secondary navigation bottom border.
        2. confirm that there is a divider (vertical border) right next to the Back button element.

      Test 2 (classic)

      1. Login as admin.
      2. Make sure you are using the classic theme.
      3. Create a course and go to the course.
      4. Go to the course gradebook (ex. Grade history)
      5. In the gradebook
        1. confirm that the tertiary navigation area has a bottom horizontal border which goes all the way to the vertical borders of the page content area.
        2. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element.
      Show
      Test 1 (boost) Login as admin. Make sure you are using the boost theme. Enable outcomes (Site administration > Advanced features). Create a course and go to the course. Go to the course gradebook (ex. Grade history) In the gradebook confirm that the tertiary navigation area has a bottom horizontal border that has the same width as the secondary navigation bottom border. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element. Change the browser to a width that is less than 767px. confirm that the tertiary navigation area has a bottom horizontal border that has the width as the secondary navigation bottom border. Click on every link within the gradebook tertiary navigation selector (Grader report, Grade history, Outcomes report, etc.)  and each time once redirected: confirm that the tertiary navigation area has a bottom horizontal border that has the same width as the secondary navigation bottom border. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element. Navigate to Outcomes (using the gradebook tertiary navigation selector) Click on Manage outcomes In the Manage outcomes page: confirm that the tertiary navigation area has a bottom horizontal border that has the width as the secondary navigation bottom border. confirm that there is a divider (vertical border) right next to the Back button element. Test 2 (classic) Login as admin. Make sure you are using the classic theme. Create a course and go to the course. Go to the course gradebook (ex. Grade history) In the gradebook confirm that the tertiary navigation area has a bottom horizontal border which goes all the way to the vertical borders of the page content area. confirm that there is a divider (vertical border) right next to the tertiary navigation selector element.
    • 1
    • HQ Team Alpha - Sprint 0.2, HQ Team Alpha - Sprint 0.3, HQ Team Alpha - Sprint 0.4

      Summary:

      Depending on the results of MDL-75153, we'll need to further improve the styling of the base tertiary navigation.

      The designs can be found here in the gradebook figma.

      Scope:

      1. Ensure the styling of tertiary navigation area more closely matches the provided designs (borders and dividers)

        1. book-tertiary-nav-border.png
          book-tertiary-nav-border.png
          18 kB
        2. boost_MDL-75157.mp4
          4.12 MB
        3. classic_MDL-75157.png
          classic_MDL-75157.png
          42 kB
        4. quiz-tertiary-nav-border.png
          quiz-tertiary-nav-border.png
          16 kB

            Geshoski Mihail Geshoski
            mathewmay Mathew May
            Shamim Rezaie Shamim Rezaie
            Jun Pataleta Jun Pataleta
            John Edward Pedregosa John Edward Pedregosa
            Votes:
            0 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 4 hours, 50 minutes
                2d 4h 50m

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