WordPress.org

Ready to get started?Download WordPress

Forums

Event Organiser
[resolved] Custom edit icon for CPT munged on retina iPad (8 posts)

  1. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    After the WordPress 3.4 update I noticed that one of my own plugins using custom post types had munged icons for the 16x16px icon in the menu & the 32 x 32px icon on the edit screen for the CPT when using a retina iDevice. i have noticed the same issue with the edit screen icon for Event Organiser.

    The fix for the issue on my CPT was to add css using a media query to target a retina iDevice using a 64px square icon - I used something similar to the example Josh Byers gave at http://www.studiopress.com/design/css-background-size-graphics.htm. I expect a similar fix would be good for Event Organiser.

    http://wordpress.org/extend/plugins/event-organiser/

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    I have applied a workaround outside of the plugin so that it doesn't get wiped out when the plugin is updated.

    I made a 64px x 64px version of the 32 x 32px icon (a 5 minute job in fireworks for a simple icon), My functionality plugin adds an extra stylesheet to admin already, so I added the following to it:

    /* Events Organiser icon for retina iPad */
    @media screen and (-webkit-min-device-pixel-ratio: 2) {
    	#icon-edit.icon32-posts-event {
    		background: url(eoicon-64.png) no-repeat;
    		background-size: 32px 32px;
    		height: 32px;
    		width: 32px;
    	}
    }
  3. Stephen Harris
    Member
    Plugin Author

    Posted 2 years ago #

    Thank you for posting this! I shall attempt to resolve this in the next update of Event Organiser (1.4.2) - which should be out in the next few days to fix a few other bugs.

  4. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    Great! if you don't already have a 64px version of the icon, feel free to grab the one I put together: http://cubecolour.com/eoicon-64.png

  5. Stephen Harris
    Member
    Plugin Author

    Posted 2 years ago #

    Sorry that its taken so long for this to get added - this will be in 1.5 (released today...). Let me know if it works or not (I don't have anything with which to test it...).

    I've had to change it slightly as the class 'icon32-posts-event' will not hit all the plug-in pages. But the CSS is conditionally added only on the screens for which its needed, so there shouldn't be any problems.

  6. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    Sounds great! I'll look out for the update and report back when I've tried it.

  7. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 2 years ago #

    Just seen 1.5 is available - I took out the bits I added to my functionality plugin & installed the events organiser update - The icon is looking good on the retina iPad and appears on all of the screens it should. Thanks Stephen.

  8. Stephen Harris
    Member
    Plugin Author

    Posted 2 years ago #

    Awesome, thanks again for your help fixing this :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.