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

Fix the responsive design of the the gradebook tertiary nav

    XMLWordPrintable

Details

    • 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

    Description

      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.

      Attachments

        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

        Issue Links

          Activity

            People

              kevin.percy@moodle.com Kevin Percy
              mathewmay Mathew May
              Mathew May Mathew May
              Paul Holden Paul Holden
              Kim Jared Lucas Kim Jared Lucas
              Adrian Greeve, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                24/Apr/23

                Time Tracking

                  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