Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Change looks and feel to match other tabs in Chrome Devtools #33

aziz opened this Issue Nov 10, 2012 · 6 comments


None yet
4 participants

aziz commented Nov 10, 2012

In my recent pull request, I also included a new app-like UI for batarang that's similar to other chrome developer tools tabs.

Here are some screenshots:

I hope it gets merged. It can be improved even further but this is what I could have done in a couple of hours.


btford commented Nov 10, 2012

@aziz: impressive work! I have higher priorities than improving the style of the app right now, but I'll see about getting this in a bit down the road. Again, great work, and thanks!


PascalPrecht commented Mar 22, 2013

Great proposal so far! Glad to see that I'm not the only one who think that the batarang needs a make up! :)
Taking a look at your screenshots, shows a little problem when arranging the devtools on the right side of the display. The vertical navigation isn't probably the best solution then.

Everything else what's currently in bootstrap style should also look more devtool'isch I think. But nevertheless, great work!

@btford Maybe it's also important to know if there are any other feature releases planned where new functionalities come in and the UI of Batarang would probably change (Things that are currently 'Models', 'Performance', 'Dependencies' and so on).

I really like the proposed UI changes.


btford commented Apr 12, 2013

I wish there was some way to just reference the chrome stylesheets.

I'm looking at merging this soon. Thanks again, @aziz! And sorry for the wait. :)

@addyosmani could you look into it? I would like consistent UI on extensions. Currently every extension behaves differently and the reality is that very few extension developers care about UI or UX.

(Applies to vanilla extensions too)


btford commented Oct 24, 2014

The devtools API look and feel has since changed, but this is now implemented in master. Thanks, @aziz!

@btford btford closed this Oct 24, 2014

@btford btford added the enhancement label Oct 24, 2014

Shraymonks added a commit to Shraymonks/pinspector that referenced this issue Jul 17, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment