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

Add shadow to sticky footer

XMLWordPrintable

    • 1
    • HQ 2-week review sprint

      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);

       

            tusefomal Ferran Recio
            tusefomal Ferran Recio
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Paul Holden Paul Holden
            John Edward Pedregosa John Edward Pedregosa
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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