Selected entry in the Network panel is unreadable

[janodvarko]

Select an entry (a HTTP request) in the Network panel. The text is unreadable. See the screenshot.

[janodvarko]

From: https://groups.google.com/d/msg/firebug/9nWmTvZv6lw/P-XbMEAo5XwJ

[janodvarko]

@aliuk2012 could this be the same problem as with the debugger source list?

Honza

[aliuk2012]

@janodvarko it sure does, I'll take a look.

[janodvarko]

Excellent thanks!
Honza

[aliuk2012]

I've started having a look at this one. Do we want the blue background and white text like other "selected" sources. (eg. the styling like we have when you select a location on the Debugger or Style Editor panels).

1. I noticed the filename is in bold, is there any reason for this?
2. To make the request status stand out for selected items I was thinking maybe place a white border around the circle to make it "pop" and not clash with the background colour:
3. Are we aloud to edit the existing images? I think it would also me nice to make the padlock a "white" icon.
   • I see the padlock is an img, any thgouths about changing this to a background , easier to switch out depending on whether is a selected line
   • Could we possibly convert that padlock to an svg?

@janodvarko any comments?

[janodvarko]

I've started having a look at this one. Do we want the blue background and white text like other
"selected" sources. (eg. the styling like we have when you select a location on the Debugger or Style
Editor panels).

Yes

I noticed the filename is in bold, is there any reason for this?

No particular reason, it's just how it was in Firebug 2

To make the request status stand out for selected items I was thinking maybe place a
white border around the circle to make it "pop" and not clash with the background colour

Sounds good to me.

Could we possibly convert that padlock to an svg?

Good idea. I don't know how, but @SebastianZ has some experience..., correct?

Honza

[SebastianZ]

Could we possibly convert that padlock to an svg?

Good idea. I don't know how, but @SebastianZ has some experience..., correct?

The padlock symbol of used for DOM properties could be reused for secure connections. For insecure connections a new SVG would need to be created. I could create an earth SVN icon for you if you want me to do so.

To see how the icons are replaced, check out how it's done for the other symbols.

Just for your information, I'm also planning to work on bug 1068939 to replace all PNGs within the DevTools by SVGs. Though that doesn't have a high position on my todo list yet.

Sebastian

[janodvarko]

@aliuk2012 what's the status here?
A lot of changes have been made since March and perhaps this is fixed?

Honza