Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

calendar icon on www.icloud.com is displayed poorly

  • 16 replies
  • 9 have this problem
  • 1 view
  • Last reply by tomb993

more options

The calendar icon on www.icloud.com is messed up. I searched for a solution, this person has the same problem, it gives a good picture of what the icon looks like.

http://imgur.com/r/mac/hMVHr

I've cleared cache, disabled all add-ons, I even uninstalled (checked the delete everything check box) and reinstalled Firefox and started fresh. It still happens

The calendar icon on www.icloud.com is messed up. I searched for a solution, this person has the same problem, it gives a good picture of what the icon looks like. http://imgur.com/r/mac/hMVHr I've cleared cache, disabled all add-ons, I even uninstalled (checked the delete everything check box) and reinstalled Firefox and started fresh. It still happens

All Replies (16)

more options

Hello,

Try Firefox Safe Mode to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.

(If you're not using it, switch to the Default theme.)

  • You can open Firefox 4.0+ in Safe Mode by holding the Shift key when you open the Firefox desktop or Start menu shortcut.
  • Or open the Help menu and click on the Restart with Add-ons Disabled... menu item while Firefox is running.

Once you get the pop-up, just select "'Start in Safe Mode"

If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to figure out which one. Please follow the Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems article for that.

To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.

When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.

Thank you.

more options

Thank you, this did not work. I still see the problem in safe mode.

more options

Hmm.... The icon shows fine to me, can you reproduce this in a new profile.

Modified by kobe

more options

Note that this is a PNG image send as a data URI (data:image/png;base64,<base64 data>) that is probably generated on the server.

It looks that this image somehow gets zoomed or is distorted otherwise.

How does this image show in Tools > Page Info > Media (right-click: View Page Info > Media)?

more options

Tools -> Page Info... shows the same distorted icon. I uploaded an image, can you see it?

more options

I see the same distorted icon with a new profile.

more options
more options
more options

Thanks, I've tried everything I can think of with those settings, none worked. I would think that if it were a setting like this, the other icons would be distorted too, but it's only the calendar icon. On the other hand, the other icons are static, but the calendar icon is supposed to show the current day (e.g. 26 for today, 7/26), so it's not static.

more options

This icon is created locally from some sprite icons.

The actual generation process involves checking window.devicePixelRatio, so it is quite possible that HiDPI support is causing this problem.

Do you have a retina (HiDPI) display?

You can try to set gfx.hidpi.enabled to 2 on the about:config page.

You can set the layout.css.devPixelsPerPx pref on the about:config page to 1.0 (current default value is -1.0) to restore the behavior of previous Firefox versions.

more options

Wow, setting layout.css.devPixelsPerPx to 1.0 fixed it! Thanks! What does this mean?

It makes everything substantially smaller, I have to hit <ctrl><+> to enlarge things.

I tried other settings, 1.0 is the only one that works. 0.9 doesn't work, 1.1 doesn't work, etc.

(I don't have a retina display, I don't have the gfx.hidpi.enabled parameter)

more options

You're welcome.

This would mean that the script that iCloud uses needs some adjustments to make it work properly with current versions.

Maybe you want to post this fix in the Apple Support Communities thread.

more options

Waka_Flocka_Flame, what is your setting for layout.css.devPixelsPerPx? If it's -1.0, then something else is going on.

more options

I have it on 1.0, but i run linux so it really wouldnt matter, since DPI is not read like it is on windows.

more options

I tried another system with FF version 22, it has layout.css.devPixelsPerPx set to -1.0, and I did not have the problem with the calendar icon. I suppose it's possible that there is some particular combo of this parameter and something else (maybe my display resolution?) that causes this. Any thoughts on what combo might be the cause?

more options

I found what the other setting is, it's the "Make Text and other items larger or smaller" setting. If I have that set to the smallest setting, then I can have layout.css.devPixelsPerPx set to -1.0 and the icon is fine. If I change the text size to Medium, then the icon is messed up, and I need layout.css.devPixelsPerPx set to 1.0 to fix it.