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

IE9 Dock text displays blurry and un-readable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.2.2
    • Fix Version/s: 2.2.6, 2.3.3
    • Component/s: Navigation
    • Labels:
    • Testing Instructions:
      Hide
      1. On stable using IE8 and IE9 have a look at the title of a docked block. Note how clear the text is (or isn't, whatever)
      2. On integration using IE8 and IE9 look again. Check that things are at least as clear as they were. Hopefully they will be clearer, although they won't be perfect.
      3. Test on all supported browsers that the docked title still works, looks fine, and is readable.
      Show
      On stable using IE8 and IE9 have a look at the title of a docked block. Note how clear the text is (or isn't, whatever) On integration using IE8 and IE9 look again. Check that things are at least as clear as they were. Hopefully they will be clearer, although they won't be perfect. Test on all supported browsers that the docked title still works, looks fine, and is readable.
    • Affected Branches:
      MOODLE_22_STABLE
    • Fixed Branches:
      MOODLE_22_STABLE, MOODLE_23_STABLE
    • Pull Master Branch:
      wip-MDL-32326-m24

      Description

      There is a problem with IE9 and the dock where the rotated text will appear blurry. This has something to do with the image transform and loss of the anti-alias. Anyway, IE9 now also supports SVG so a small tweak to the code will fix the problem. However, a move to the css3 transform might be the next move away from SVG but that is up to you guys, but I will forward the code when I get to it anyway.

      There are a few images attached of the before and after with IE9 and IE8 as well as the patch.

        Gliffy Diagrams

          Attachments

          1. dock-font-ie-fix-use-another-font.diff
            0.9 kB
          2. ie8-after-update.png
            ie8-after-update.png
            26 kB
          3. ie8-before-update.png
            ie8-before-update.png
            26 kB
          4. ie9-after-update.png
            ie9-after-update.png
            45 kB
          5. ie9-before-update.png
            ie9-before-update.png
            46 kB
          6. ie9-fix.patch
            0.5 kB

            Issue Links

              Activity

                People

                • Votes:
                  3 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:
                    Fix Release Date:
                    12/Nov/12