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

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

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Do
    • Icon: Minor Minor
    • None
    • 3.2.1
    • 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'.

      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.

            Unassigned Unassigned
            gb2048 Gareth J Barnard
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

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