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
          (I) Passed -- (401)MDL-76212.png
          64 kB
        2. (I) Passed -- (Master)MDL-76212.png
          (I) Passed -- (Master)MDL-76212.png
          69 kB
        3. Desktop-1.png
          Desktop-1.png
          295 kB
        4. Desktop - guide-1.png
          Desktop - guide-1.png
          296 kB
        5. Screen Shot 2022-11-07 at 11.28.39 am.png
          Screen Shot 2022-11-07 at 11.28.39 am.png
          122 kB
        6. Screen Shot 2022-11-07 at 11.28.50 am.png
          Screen Shot 2022-11-07 at 11.28.50 am.png
          86 kB
        7. W375px.png
          W375px.png
          138 kB
        8. W375px - guide.png
          W375px - guide.png
          140 kB
        9. W575px.png
          W575px.png
          191 kB
        10. W575px - guide.png
          W575px - guide.png
          192 kB
        11. W810px-1.png
          W810px-1.png
          312 kB
        12. W810px - guide-1.png
          W810px - guide-1.png
          313 kB
        13. width-284.png
          width-284.png
          41 kB
        14. width-574.png
          width-574.png
          50 kB

            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.