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

block_myoverview: Overflow of filter bar

XMLWordPrintable

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-75890-master
    • Hide

      My Course page

      1. Login as admin.
      2. Open Browser Developer Tool.
      3. Turn on Responsive Design Mode.
      4. Change the resolution to 300x760.
      5. Navigate to the My Course page.
      6. Verify that the Filter bar is not overflowing.
      7. Verify that you can use the filters, and search normally.
      8. Verify that you can read the text in the filters normally (Like the attached result_1 image).

      Sidebar

      1. Login as admin.
      2. Navigate to Dashboard.
      3. Turn on Edit mode.
      4. Open the Block Drawer.
      5. Add Course overview block to the Sidebar.
      6. Verify that the Filter bar is not overflowing.
      7. Verify that you can use the filters, and search normally.
      8. Verify that you can read the text in the filters normally (Like the attached result_2 image).
      Show
      My Course page Login as admin. Open Browser Developer Tool. Turn on Responsive Design Mode. Change the resolution to 300x760 . Navigate to the My Course page. Verify that the Filter bar is not overflowing. Verify that you can use the filters, and search normally. Verify that you can read the text in the filters normally (Like the attached result_1 image). Sidebar Login as admin. Navigate to Dashboard. Turn on Edit mode. Open the Block Drawer. Add Course overview block to the Sidebar. Verify that the Filter bar is not overflowing. Verify that you can use the filters, and search normally. Verify that you can read the text in the filters normally (Like the attached result_2 image).
    • 0
    • Team Hedgehog 4.1 pre 1.1, Team Hedgehog Sprint 1.1

      In mobile view the filter bar of block_myoverview (both on the dashboard and on courses.php) has an overflow, the search input field will become far too narrow if screen width becomes too small, the dropdown on the right is being cut off.

      The filter bar should be wrapped for small screens.

        1. image-2022-10-26-15-25-51-327.png
          image-2022-10-26-15-25-51-327.png
          346 kB
        2. MDL-75890_master_course page.mp4
          1.31 MB
        3. MDL-75890_master_sidebar.mp4
          1.26 MB
        4. MDL-75890_v400_course page.mp4
          1.39 MB
        5. MDL-75890_v400_sidebar.mp4
          1.34 MB
        6. Problem in mobile view.png
          Problem in mobile view.png
          62 kB
        7. result_1.png
          result_1.png
          228 kB
        8. result_2.png
          result_2.png
          290 kB
        9. v311_courseoverview.png
          v311_courseoverview.png
          58 kB

            meirza.arson@moodle.com Meirza
            phmemmel PhMemmel
            Huong Nguyen Huong Nguyen
            Paul Holden Paul Holden
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 3 hours, 6 minutes
                1d 3h 6m

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