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. screenshot-1.png
          89 kB
          Mikel Martín Corrales
        2. screenshot-2.png
          91 kB
          Mikel Martín Corrales
        3. screenshot-3.png
          128 kB
          Mikel Martín Corrales
        4. screenshot-4.png
          83 kB
          Mikel Martín Corrales
        5. screenshot-5.png
          88 kB
          Mikel Martín Corrales
        6. screenshot-6.png
          129 kB
          Mikel Martín Corrales
        7. (1) 10 Passed -- (Main)MDL-80856.png
          178 kB
          Kim Jared Lucas
        8. (1) 12 Passed -- (Main)MDL-80856.png
          201 kB
          Kim Jared Lucas
        9. (1) 3 Passed -- (Main)MDL-80856.png
          123 kB
          Kim Jared Lucas
        10. (1) 5 Passed -- (Main)MDL-80856.png
          151 kB
          Kim Jared Lucas
        11. (1) 7 Passed -- (Main)MDL-80856.png
          133 kB
          Kim Jared Lucas
        12. (2) 5 Passed -- (Main)MDL-80856.png
          111 kB
          Kim Jared Lucas
        13. MDL-81184.png
          18 kB
          Simey Lameze

            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.