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

URL cursors have 'auto' removed by CSS Post processor for RTL

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Won't Do
    • 3.2.1
    • None
    • HTML and CSS, Themes
    • MOODLE_32_STABLE
    • Hide

      Employ use of "/rtl:ignore/" in the CSS as appropriate. But you have to use 'dir-ltr' / 'dir-rtl' selectors as needed for the given situation.

      Show
      Employ use of "/ rtl:ignore /" in the CSS as appropriate. But you have to use 'dir-ltr' / 'dir-rtl' selectors as needed for the given situation.
    • Hide
      1. In the Clean theme create a small image ('myimage') to use as a cursor and put it in the 'pix' folder.
      2. Add the CSS to the 'style/custom.css' file - as it needs to be processed:

      #page-header {
      		 
          cursor: url('[[pix:theme|myimage]]'), auto;
      		 
      }

      1. Purge all caches.
      2. Navigate to 'Site home'.
      3. Move the cursor over the page header.
      4. Observe that the cursor changes to 'myimage'.
      5. Change to an RTL language.
      6. Move the cursor over the page header.
      7. Observe that the cursor changes to 'myimage'.
      Show
      In the Clean theme create a small image ('myimage') to use as a cursor and put it in the 'pix' folder. Add the CSS to the 'style/custom.css' file - as it needs to be processed: #page-header { cursor: url('[[pix:theme|myimage]]'), auto; } Purge all caches. Navigate to 'Site home'. Move the cursor over the page header. Observe that the cursor changes to 'myimage'. Change to an RTL language. Move the cursor over the page header. Observe that the cursor changes to 'myimage'.

    Description

      In order to work the 'cursor: url('mycursor.png'), auto;' requires the 'auto' to be present as per the notes on: http://www.w3schools.com/cssref/pr_class_cursor.asp. However the CSS Post processor for RTL that generates this removes the 'auto' causing them to fail.

      Attachments

        Issue Links

          is a regression caused by

          Task - A task that needs to be completed. Tasks usually refer to work that must be done outside the product. MDL-55224 Create a PHP post processing tool to flip CSS for RTL

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              Unassigned Unassigned
              gb2048 Gareth J Barnard
              Amy Groshek, David Scotson, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: