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

On mobile, the Quiz confirmation modal has it's close button cut off

    XMLWordPrintable

    Details

      Description

      There's some CSS that appears to be trying to make the modal close button smaller on mobile devices.

      Most browsers seem to just ignore this, but Safari tries to follow it, and as a result cuts off the X used to close the modal since it extends beyond the size set. I'm not sure making this button smaller is a good idea, since people might be trying to hit it with their finger on mobile devices.

      Possibly just deleting this line is the right fix?

      .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton

      { width: 28px; height: 16px; background-size: 100%; }

       

        Attachments

          Activity

            People

            Assignee:
            basbrands Bas Brands
            Reporter:
            bawjaws David Scotson
            Peer reviewer:
            Tim Hunt
            Integrator:
            Eloy Lafuente (stronk7)
            Tester:
            Janelle Barcega
            Participants:
            Component watchers:
            Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Bas Brands
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              18/Jan/21

                Time Tracking

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