1418378 - Use Material Icons on Bugzilla home page instead of low-res images

Status: RESOLVED FIXED

(bugzilla.mozilla.org :: User Interface, enhancement)

Description

[Paul Menzel]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171116170924

Steps to reproduce:

Access the start page of Bugzilla at https://bugs.freedesktop.org for example.


Actual results:

On HiDPI display (Dell UP3214Q) the icons on the Bugzilla start page look very blurry as seen on the attached image.

```
#enter_bug {
 background: url(../../skins/standard/index/file-a-bug.png)  no-repeat;
}
#query     {
 background: url(../../skins/standard/index/search.png)      no-repeat;
}
#account   {
 background: url(../../skins/standard/index/new-account.png) no-repeat;
}
#help      {
 background: url(../../skins/standard/index/help.png)        no-repeat;
}
```


Expected results:

Could please vector graphics be used or different images depending on the resolution?

Comment 1

[Paul Menzel]

Downstream bug report [1].

[1] https://bugs.freedesktop.org/show_bug.cgi?id=103767

Comment 2

[Kohei Yoshino]

We don’t have a vector or hi-res version of the images. A simple workaround is probably using an icon font, just like the icons on BMO’s global header. These are Material Icons by Google. I’m going to make the change to BMO, which will be the base of the upstream Bugzilla 6 release.

Comment 3

[Kohei Yoshino]

Attachment: GitHub Pull Request

Comment 4

[Kohei Yoshino]

Merged to master.