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

Notification alert close button is misaligned

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_400_STABLE
    • MOODLE_311_STABLE, MOODLE_400_STABLE
    • MDL-75055-master
    • Hide
      1. Enable developer mode
      2. Go to Site administration > Development > Template library
      3. Search for notification
      4. Check the x button on the notification_xx templates on the accessibility tree
      5. Confirm that the close button is nicely aligned at the top right-hand corner of the notification alert.
      6. Using the "Select an element in the page" button on the browser dev tools, hover on the close button's "x" to inspect it. Check the "Contrast" value.
      7. Confirm that it has a colour contrast ratio greater than 3.
      Show
      Enable developer mode Go to Site administration > Development > Template library Search for notification Check the x button on the notification_xx templates on the accessibility tree Confirm that the close button is nicely aligned at the top right-hand corner of the notification alert. Using the " Select an element in the page " button on the browser dev tools, hover on the close button's " x " to inspect it. Check the " Contrast " value. Confirm that it has a colour contrast ratio greater than 3.

      The close button of the notification alert can get misaligned when the alert message is quite long or it includes HTML

        1. screenshot-1.png
          screenshot-1.png
          25 kB
        2. MDL-75055_master.png
          MDL-75055_master.png
          38 kB
        3. MDL-75055_v400.png
          MDL-75055_v400.png
          43 kB
        4. MDL-75055_v311.png
          MDL-75055_v311.png
          42 kB

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Stevani Andolo Stevani Andolo
            Shamim Rezaie Shamim Rezaie
            John Edward Pedregosa John Edward Pedregosa
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 51 minutes
                2h 51m

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