I recently created a devtools panel icon, and found this info useful as well.
Because I'm not stellar with graphics tools, I wrote a script to create the icon with the proper dimensions and alignment. It uses ImageMagick to do the graphics bits.
Free to use, if anyone's interested:
Cheers,
Ross
On Tuesday, November 27, 2012 2:22:55 PM UTC+11, Joe Marini wrote:
Devtools icons need to be composed of four icons, in the form of
AaBb
where 'A' & 'B' are 32x32 images (corresponding to "normal" and "pressed" states of large buttons for undocked mode) and 'a' & 'b' are their 24x24 counterparts for docked mode.
The docs don't list this, I will file a bug.
Did you ever find out anything about the different icon sizes for docked/un-docked states and how to switch between the two? I am developing a plugin for the developer tools window and have run into the same problem. Any help is much appreciated! Thanks!
On Thursday, January 5, 2012 6:50:24 AM UTC-7, Asen Bozhilov wrote:
I did a devtools panel via
`chrome.experimental.devtools.panels.create`. It works fine but I have
some problems with the icon. There are two states of the icon.
Mosedown and normal state. I figured out that is made it with sprite
image, but it seems that not work in same way in different versions of
Google Chrome.
The other problem is if I undock the devtools in separate window, the
size of the icons is changed. I don't see how could control the size
of the icon via extension.
Has someone solved that and how?
Thank you.