{"action":"reopened","issue":{"url":"https://api.github.com/repos/devtools-html/ux/issues/31","repository_url":"https://api.github.com/repos/devtools-html/ux","labels_url":"https://api.github.com/repos/devtools-html/ux/issues/31/labels{/name}","comments_url":"https://api.github.com/repos/devtools-html/ux/issues/31/comments","events_url":"https://api.github.com/repos/devtools-html/ux/issues/31/events","html_url":"https://github.com/devtools-html/ux/issues/31","id":360910226,"node_id":"MDU6SXNzdWUzNjA5MTAyMjY=","number":31,"title":"Improve the “expand arrow” icon","user":{"login":"fvsch","id":243601,"node_id":"MDQ6VXNlcjI0MzYwMQ==","avatar_url":"https://avatars3.githubusercontent.com/u/243601?v=4","gravatar_id":"","url":"https://api.github.com/users/fvsch","html_url":"https://github.com/fvsch","followers_url":"https://api.github.com/users/fvsch/followers","following_url":"https://api.github.com/users/fvsch/following{/other_user}","gists_url":"https://api.github.com/users/fvsch/gists{/gist_id}","starred_url":"https://api.github.com/users/fvsch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fvsch/subscriptions","organizations_url":"https://api.github.com/users/fvsch/orgs","repos_url":"https://api.github.com/users/fvsch/repos","events_url":"https://api.github.com/users/fvsch/events{/privacy}","received_events_url":"https://api.github.com/users/fvsch/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-09-17T14:59:00Z","updated_at":"2018-11-12T16:29:44Z","closed_at":null,"author_association":"NONE","body":"Currently we are using three different “expand arrow” icons:\r\n\r\n1. `devtools/client/themes/images/controls.png` (PNG sprite containing black and white arrow icons)\r\n2. `devtools/client/themes/images/devtools-components/arrow.svg`\r\n3. `devtools/client/themes/images/debugger/arrow.svg` (seems to be a copy of the previous one)\r\n\r\nIn [bug 1490491](https://bugzilla.mozilla.org/show_bug.cgi?id=1490491) we are removing the PNG icon, and I’ve use `arrow.svg` instead, using the same approximate size (9px). @violasong commented that this looked a bit bigger than before in the Inspector tree. This is mostly because the `arrow.svg` image is taller (when pointing down) than the previous icon.\r\n\r\n![inspector-arrow-size](https://user-images.githubusercontent.com/243601/45631121-7c6c4380-ba9a-11e8-952d-2d4dfc0fb710.png)\r\n\r\nOn top of that, the `arrow.svg` icon is fitted to the pixel grid on a 16px canvas, but we are using at 9x9 or 10x10 pixels. The result can look blurry. It would be great to figure out the exact size we want to use, and to redesign this icon to match that size.\r\n\r\nHere are a few explorations. Top row is the existing icon, bottom row are some options that look closer to the “9-by-5” pixels of the PNG icon.\r\n\r\n![arrow-size-options](https://user-images.githubusercontent.com/243601/45631304-e684e880-ba9a-11e8-9f45-3c8b1f1caee4.png)\r\n\r\n"}}
{"actor":{"display_login":"fvsch"}}