First off, I love Firebug and am VERY appreciative for the work that has gone into it. I have used it for a while and found it to be an invaluable tool for what I do.
I work with Firebug's panels to the side. That is, when I open Firebug, I click the the button that detaches the Firebug window into a new window of its own. When this happens, the window does not provide much area to work within. See the following screenshot: http://www.odaniels.org/temp/firebug/firebug-default.gif You can see how the "tabbing" that occurs with every child element has smashed div.post all the way to the right side of the console screen. Customizing the font and font size is EXTREMELY important, but even more important than that is the ability to adjust the padding and margins of each child element. For now, I can go into html.css and css.css in the default skin and modify .nodebox, .nodeChildBox and .cssRule a bit and get the following: http://www.odaniels.org/temp/firebug/firebug-modified.gif Lots of room compared to the previous version, even though the buttons / options / search at the top of the console window are all smashed together. But the work I do with this is tedious, and all the css changes get reset to defaults when I upgrade to the newest Firebug and I have to do this work all over again. So this is my request: I would like to have menu options to set the font of the windows, as well as having either the ability to set the size of the margins/paddings within the window or to have it scale proportionate to the chosen font size. Also, I would like Firebug to remember if I have the Firebug window attached or detached at startup. In addition, I would like a hotkey for Inspect Element. I though that "Toggle Inspecting" in the shortcuts menu would do this, but it does not work at all for me. Thanks! ----- As a side note, here are the steps I made to get the console window looking like screenshot #2: * Install DavidSys or equivalent pixel font found here: http://www.dafont.com/bitmap.php * Change the following in html.css: .nodeBox { position: relative; font-family: davidsys; font-size: 9px; padding-left: 8px; -moz-user-select: -moz-none; } .nodeChildBox { margin-left: 0px; display: none; } * Change the following in css.css: .cssRule { position: relative; margin: 0; padding: 1em 0 0 6px; font-family: davidsys; font-size: 9px; color: #000000; } Hope this helps. ~ sean -- You received this message because you are subscribed to the Google Groups "Firebug" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/firebug?hl=en.
