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

Fix the responsive design of the the gradebook tertiary nav

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-76212-401-nav
    • MDL-76212-master-nav
    • Hide

      Set up

      This will populate the menu as much as possible.

      1. Create a test course and navigate to it
      2. Set up at least 1 group with at least 1 participant in that group
      3. In the course settings > Groups, set Group mode to "Visible groups"
      4. Rename any grade item to have a long title
      5. Go to Grades tab > Single View, and select Grade Items. Select the grade item with the long title from the menu
      6. Turn on edit mode

      Testing

      1. Check that the menu items have a max width and the text doesn't overflow that width.
      2. Check that the grade item title is shown in full on the page.
      3. Gradually resize the window, and check that the following changes happen:
        1. The Actions item and "View By" toggle will drop down together to a second line on the right
        2. The group selector and grade item selector will drop down to new lines as necessary
        3. The vertical bars will disappear and the Actions/"View By" toggle will be left aligned
        4. The label on the "View By" toggle will move above the buttons
        5. Eventually each item will be on a separate line
      Show
      Set up This will populate the menu as much as possible. Create a test course and navigate to it Set up at least 1 group with at least 1 participant in that group In the course settings > Groups, set Group mode to "Visible groups" Rename any grade item to have a long title Go to Grades tab > Single View, and select Grade Items. Select the grade item with the long title from the menu Turn on edit mode Testing Check that the menu items have a max width and the text doesn't overflow that width. Check that the grade item title is shown in full on the page. Gradually resize the window, and check that the following changes happen: The Actions item and "View By" toggle will drop down together to a second line on the right The group selector and grade item selector will drop down to new lines as necessary The vertical bars will disappear and the Actions/"View By" toggle will be left aligned The label on the "View By" toggle will move above the buttons Eventually each item will be on a separate line
    • 6
    • HQ Team Alpha - Sprint 1.3, Team Alpha - Sprint 2, Team Alpha - Sprint 1 I1-2023, Team Alpha - Sprint 2 I1-2023, Team Alpha - Sprint 3 I1-2023, Team Alpha - Sprint 4 I1-2023

      The tertiary navigation for the gradebook single view report does not fit well on smaller screens. The items overflow the screen width, and they are not aligned.

      We should ensure the items are all aligned and on separate lines as necessary, and the dividers removed, on smaller screens.

        1. (I) Passed -- (401)MDL-76212.png
          64 kB
          Kim Jared Lucas
        2. (I) Passed -- (Master)MDL-76212.png
          69 kB
          Kim Jared Lucas
        3. Desktop-1.png
          295 kB
          Barbara Ramiro
        4. Desktop - guide-1.png
          296 kB
          Barbara Ramiro
        5. Screen Shot 2022-11-07 at 11.28.39 am.png
          122 kB
          Glyn (Mathew) May
        6. Screen Shot 2022-11-07 at 11.28.50 am.png
          86 kB
          Glyn (Mathew) May
        7. W375px.png
          138 kB
          Barbara Ramiro
        8. W375px - guide.png
          140 kB
          Barbara Ramiro
        9. W575px.png
          191 kB
          Barbara Ramiro
        10. W575px - guide.png
          192 kB
          Barbara Ramiro
        11. W810px-1.png
          312 kB
          Barbara Ramiro
        12. W810px - guide-1.png
          313 kB
          Barbara Ramiro
        13. width-284.png
          41 kB
          Paul Holden
        14. width-574.png
          50 kB
          Paul Holden

            kevin.percy@moodle.com Kevin Percy
            mathewmay Glyn (Mathew) May
            Glyn (Mathew) May Glyn (Mathew) May
            Paul Holden Paul Holden
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 3 days Original Estimate - 3 days
                3d
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 weeks, 1 day, 7 hours, 20 minutes
                2w 1d 7h 20m

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