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

Improve the sticky footer maximum width to dynamically adapt to the page content width

XMLWordPrintable

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80856-main
    • Hide

      Setup

      1. Login as administrator
      2. Create a course
      3. Create a database activity in the course
      4. Create some other 10 activities (assignments for example)

      Test

      1. Open the database activity
      2. Click on Use a preset
      3. Confirm the sticky footer appears and it is displayed as the following:
      4. Open the right drawer
      5. Confirm the sticky footer is displayed as the following:
      6. Open the left drawer
      7. Confirm the sticky footer appears and it is displayed as the following:
      8. Go back to the course
      9. Click on Grades in the secondary navigation
      10. Confirm the sticky footer appears and it is displayed as the following:
      11. Open both drawers
      12. Confirm the sticky footer appears and it is displayed as the following:

      Test on the Classic theme

      1. Go back to the course
      2. Change the theme to "Classic"
      3. Open the database activity
      4. Click on Use a preset
      5. Confirm the sticky footer appears and it is displayed as the following:
      Show
      Setup Login as administrator Create a course Create a database activity in the course Create some other 10 activities (assignments for example) Test Open the database activity Click on Use a preset Confirm the sticky footer appears and it is displayed as the following: Open the right drawer Confirm the sticky footer is displayed as the following: Open the left drawer Confirm the sticky footer appears and it is displayed as the following: Go back to the course Click on Grades in the secondary navigation Confirm the sticky footer appears and it is displayed as the following: Open both drawers Confirm the sticky footer appears and it is displayed as the following: Test on the Classic theme Go back to the course Change the theme to "Classic" Open the database activity Click on Use a preset Confirm the sticky footer appears and it is displayed as the following:
    • 5
    • HQ 2024 Sprint I1.2 Moppies

      Based on feedback expressed by the community in several tracker issues, the sticky footer content is not dynamically adjusting to the page content width, resulting in usability issues specially when using large screens, as the main CTAs are located at the very right side of the screen rather than aligned to the page content and interactive area.

      Additionally, the size of the footer is taking up a lot of space in the screen, and this is specially frustrating for users with small devices. So to improve the content visibility we should reduce the footer height from 96px to 80px. 

        1. (1) 10 Passed -- (Main)MDL-80856.png
          (1) 10 Passed -- (Main)MDL-80856.png
          178 kB
        2. (1) 12 Passed -- (Main)MDL-80856.png
          (1) 12 Passed -- (Main)MDL-80856.png
          201 kB
        3. (1) 3 Passed -- (Main)MDL-80856.png
          (1) 3 Passed -- (Main)MDL-80856.png
          123 kB
        4. (1) 5 Passed -- (Main)MDL-80856.png
          (1) 5 Passed -- (Main)MDL-80856.png
          151 kB
        5. (1) 7 Passed -- (Main)MDL-80856.png
          (1) 7 Passed -- (Main)MDL-80856.png
          133 kB
        6. (2) 5 Passed -- (Main)MDL-80856.png
          (2) 5 Passed -- (Main)MDL-80856.png
          111 kB
        7. MDL-81184.png
          MDL-81184.png
          18 kB
        8. screenshot-1.png
          screenshot-1.png
          89 kB
        9. screenshot-2.png
          screenshot-2.png
          91 kB
        10. screenshot-3.png
          screenshot-3.png
          128 kB
        11. screenshot-4.png
          screenshot-4.png
          83 kB
        12. screenshot-5.png
          screenshot-5.png
          88 kB
        13. screenshot-6.png
          screenshot-6.png
          129 kB

            mikelmartíncorrales Mikel Martín Corrales
            sabina.abellan@moodle.com Sabina Abellan
            Laurent David Laurent David
            Ilya Tregubov Ilya Tregubov
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            1 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 5 hours, 1 minute
                5h 1m

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