Attached screenshots for the new section icons with javascript enabled and disabled

Bringing straight into integration since nobody volunteeered to peer review.

Integrated, thanks Barbara.

Handing to David to flesh out testing instructions a little.

Hi Raj,

I'll be testing the issue in Android (2.3.x and 4.x) and i(Phone|Pad) devices.

Thanks Barbara, for improving icons. They look great
svg icons are shown in browsers with svg support (FF) and png is viewing in non-svg supported browsers (ie8)

Few things which you might want to consider:

1. On standard theme:
   • Icons give a impression of misalignment, especially when (Assignment and forum activities are next to each other.)
   • Spacing in left and right blocks are comparatively less then the centre block.
   • When editing off, spacing is more prominent, text seems smaller then activity icon.
2. Serenity theme
   • Section icon is not aligned well.
   • Spacing between activities is too small.

Similarly icons are overlapping on Afterburner

Tested in:
Android 4.x (Chrome, Firefox and built-in browser)
Android 2.3 (Firefox and built-in browser)
iPhone (Safari)
iPad (Safari)

Using the default standard theme and mymobile theme, only MDL-36290 problem detected in non-block contents, displaying .png instead of .svg in browsers that supports .svg

Thanks Raj for thoroughly looking into it.

With regard to the icon misalignment, it is likely to happen as the icons come in different shapes and form. It is aligned based on a 24px grid and the optical illusion factor has also been considered.

The spacing on the left and right blocks should be raised on a separate issue because only the section part is changed here. But i know what you mean, you want it to look balanced so yeah will do that on a separate issue.

The activity text name has been resized based on the edit icons height considering ALL CAPS. To increase it more will look so big on 1028 resolution. While the activity icons and file type icons are designed to be 24px to make it work well on touch screen and higher resolution so reducing the size of it will have to discussed with Martin.

For theme issues, please create a new issue and put them as subtasks under that icons issue as per Dan's instruction.

Cheers =)

Thanks David and Barbara,

Passing this as discussed. David will create separate bugs for the concerns raised and will see how it goes.

Amazed. Inspired. Grateful. That’s how your generosity makes me feel.

(not really)

Closing, thanks!