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

Calendar in window with <1200px width not working as expected

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73297-master
    • Hide

      Initial setup

      1. Create an event called: Event 1 on Today - 2.
      2. Create an event called: Event 2 on Today - 1.
      3. Add Calendar block to the Main region on the Dashboard page if necessary.

      Testing for Calendar block

      1. Turn on the Responsive mode in the Developer tool of the Browser.
      2. Log in and navigate to Dashboard.
      3. Change the viewport size to 1200px in width.
      4. Verify that you still see Event 1 and Event 2 in the Calendar block in the Main region.
      5. Move the Calendar block from the Main region to the Side region.
      6. Verify that you will not see Event 1 and Event 2 in the Calendar block in the Side region.
      7. Hover the (Today - 1) and (Today - 2) in the Calendar block in the Side region.
      8. Verify that you will see Event 1 and Event 2 in a popover.
      9. Move the Calendar block from the Side region to the Main region.
      10. Change the viewport size to 768px in width.
      11. Verify that you will not see Event 1 and Event 2 in the Calendar block in the Main region anymore.
      12. Verify that you will see a "dot" on the (Today - 1) and (Today - 2) in the Calendar block in the Main region.
      13. Hover the (Today - 1) and (Today - 2) in the Calendar block in the Main region.
      14. Verify that you will see Event 1 and Event 2 in a popover.

      Testing for the Calendar page

      1. Turn on the Responsive mode in the Developer tool of the Browser.
      2. Log in and navigate to the Calendar page (via the User profile menu).
      3. Change the viewport size to 1200px in width.
      4. Verify that you still see Event 1 and Event 2 in the main Calendar.
      5. Change the viewport size to 768px in width.
      6. Verify that you will not see Event 1 and Event 2 in the main Calendar anymore.
      7. Verify that you will see a "dot" on the (Today - 1) and (Today - 2) in the main Calendar.
      8. Hover the (Today - 1) and (Today - 2) in the main Calendar.
      9. Verify that you will see Event 1 and Event 2 in a popover.
      Show
      Initial setup Create an event called: Event 1 on Today - 2. Create an event called: Event 2 on Today - 1. Add Calendar block to the Main region on the Dashboard page if necessary. Testing for Calendar block Turn on the Responsive mode in the Developer tool of the Browser. Log in and navigate to Dashboard. Change the viewport size to 1200px in width. Verify that you still see Event 1 and Event 2 in the Calendar block in the Main region . Move the Calendar block from the Main region to the Side region . Verify that you will not see Event 1 and Event 2 in the Calendar block in the Side region . Hover the (Today - 1) and (Today - 2) in the Calendar block in the Side region . Verify that you will see Event 1 and Event 2 in a popover. Move the Calendar block from the Side region to the Main region . Change the viewport size to 768px in width. Verify that you will not see Event 1 and Event 2 in the Calendar block in the Main region anymore. Verify that you will see a "dot" on the (Today - 1) and (Today - 2) in the Calendar block in the Main region . Hover the (Today - 1) and (Today - 2) in the Calendar block in the Main region . Verify that you will see Event 1 and Event 2 in a popover. Testing for the Calendar page Turn on the Responsive mode in the Developer tool of the Browser. Log in and navigate to the Calendar page (via the User profile menu). Change the viewport size to 1200px in width. Verify that you still see Event 1 and Event 2 in the main Calendar. Change the viewport size to 768px in width. Verify that you will not see Event 1 and Event 2 in the main Calendar anymore. Verify that you will see a "dot" on the (Today - 1) and (Today - 2) in the main Calendar. Hover the (Today - 1) and (Today - 2) in the main Calendar. Verify that you will see Event 1 and Event 2 in a popover.
    • 0
    • HQ Team International CIH2-213, HQ Team International CIH2-214, HQ Team International CIH2-215

    Description

      The main calendar page and "large" calendar block are not displaying as expected on screen sizes <1200px wide. A few bugs need to be addressed:

      1. Now that side blocks/collapsing/menus have been modified by the navigation project, the width to switch to hiding events should be adjusted to <768px instead of <1200px.
      2. When hiding the list of events in the main calendar and large calendar block, they should display the "dots" to indicate days with events, the same as the small calendar block.
      3. When hiding the list of events in the main calendar, it should also use popovers consistent with those used in the calendar block (currently, events cannot be viewed on the calendar page, you have to navigate to individual dates to view them).

      Attachments

        1. MDL-73297_block_Step 11, 12.png
          MDL-73297_block_Step 11, 12.png
          40 kB
        2. MDL-73297_block_Step 14.webm
          74 kB
        3. MDL-73297_block_Step 4.png
          MDL-73297_block_Step 4.png
          63 kB
        4. MDL-73297_block_Step 6.png
          MDL-73297_block_Step 6.png
          99 kB
        5. MDL-73297_block_Step 8.webm
          132 kB
        6. MDL-73297_page_Step 4.png
          MDL-73297_page_Step 4.png
          47 kB
        7. MDL-73297_page_Step 6, 7.png
          MDL-73297_page_Step 6, 7.png
          39 kB
        8. MDL-73297_page_Step 9.webm
          65 kB

        Issue Links

          caused a regression

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-73730 Random calendar behat failures first day of each month

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              huongn@moodle.com Huong Nguyen
              michaelh Michael Hawkins
              Simey Lameze Simey Lameze
              Jun Pataleta Jun Pataleta
              Angelia Dela Cruz Angelia Dela Cruz
              Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 days, 3 hours, 33 minutes
                  3d 3h 33m