Bug 29309 – new icon needed for Watch Expressions delete button

• Component: Web Inspector (Deprecated)
• Status: RESOLVED WONTFIX

[Patrick Mueller]

Created attachment 39659 [details]
image showing icon

Attached is an image with an orange arrow pointing to the horrifying red delete icons used in the Watch Expressions pane.  I'm to blame; I just reused an existing icon.  

My opinions: on the plus side, the size is perfect - I think about as big as you can get them to fit on these lines with the current font used.  On the minus side, too red, and the X-ish-ness isn't all that apparent.  Complete guess that perhaps a grey or more subdued red with a single / instead of the x, would look better.  The single / might stand out more than the two strokes required for the X.

Here's the current CSS used in inspector.css for the icon:

/* FIXME: need a better icon (comment in bug 27514) */
.section .properties .delete-button {
    width: 10px;
    height: 10px;
    background-image: url(Images/errorIcon.png);
    background-position: 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none transparent;
}

[Yury Semikhatsky]

Looks obsolete.