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

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

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.2.1
    • Fix Version/s: None
    • Component/s: HTML and CSS, Themes
    • Labels:
    • Testing Instructions:
      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'.
    • Workaround:
      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.
    • Affected Branches:
      MOODLE_32_STABLE

      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

              Assignee:
              Unassigned Unassigned
              Reporter:
              gb2048 Gareth J Barnard
              Participants:
              Component watchers:
              Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Bas Brands
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated: