Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-125

Loading Icon is broken on iPad / iOS5

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Neutral
    • 5.0
    • 5.0
    • None
    • None

    Description

      GwtLoadingIcon technique doesn't work well on iPad/iOS5, won't work anyway on IE8, so I consider changing the technique used.

      Current technique:

      • Icon font: the 8 bits of the loading icon are from the icon font. They are placed on top of each other with hacky negative letter-spacing:-2em;
      • CSS Animation: each bit is CSS-programmed with keyframes to render white half the cycle and grey the other half. each bit then starts the animation with a short delay to provide the clockwise spinning effect.

      Other techniques to consider:

      • Animated GIF
      • SVG
      • keep current + gracefully degrade to one of these techniques.

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              mgeljic Mikaël Geljić
              mgeljic Mikaël Geljić
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Checklists

                  Bug DoR
                  Task DoD