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

Add shadow to sticky footer

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 4.1
    • 4.1
    • Themes
    • 1
    • HQ 2-week review sprint

    Description

      During the user testing, some users experience difficulties finding the new sticky footer component. The general consensus is that the component will be more obvious by applying a shadow to the element.

      the proposed shadow is the standard bootstrap shadow color and length (length=1rem color=rgba($black, .15)).

      However, we cannot use the "shadow" class because the bootstrap shadow is not centered on the element but a bit below. The solution is to add this rule directly into the .stickyfooter SCSS:

      box-shadow: 0 0 1rem rgba($black, .15);

       

      Attachments

        Issue Links

          Activity

            People

              tusefomal Ferran Recio
              tusefomal Ferran Recio
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Paul Holden Paul Holden
              John Edward Pedregosa John Edward Pedregosa
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                28/Nov/22

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 hour
                  1h