{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/30","repository_url":"https://api.github.com/repos/Automattic/wp-calypso","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/30/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/30/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/30/events","html_url":"https://github.com/Automattic/wp-calypso/issues/30","id":117410425,"number":30,"title":"Olark: Stop using Noticons","user":{"login":"rachelmcr","id":8658164,"avatar_url":"https://avatars.githubusercontent.com/u/8658164?v=3","gravatar_id":"","url":"https://api.github.com/users/rachelmcr","html_url":"https://github.com/rachelmcr","followers_url":"https://api.github.com/users/rachelmcr/followers","following_url":"https://api.github.com/users/rachelmcr/following{/other_user}","gists_url":"https://api.github.com/users/rachelmcr/gists{/gist_id}","starred_url":"https://api.github.com/users/rachelmcr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rachelmcr/subscriptions","organizations_url":"https://api.github.com/users/rachelmcr/orgs","repos_url":"https://api.github.com/users/rachelmcr/repos","events_url":"https://api.github.com/users/rachelmcr/events{/privacy}","received_events_url":"https://api.github.com/users/rachelmcr/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Support","name":"Support","color":"006b75"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Pri]%20High","name":"[Pri] High","color":"ec9a71"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Type]%20Task","name":"[Type] Task","color":"0052cc"}],"state":"open","locked":false,"assignee":{"login":"mrheston","id":820374,"avatar_url":"https://avatars.githubusercontent.com/u/820374?v=3","gravatar_id":"","url":"https://api.github.com/users/mrheston","html_url":"https://github.com/mrheston","followers_url":"https://api.github.com/users/mrheston/followers","following_url":"https://api.github.com/users/mrheston/following{/other_user}","gists_url":"https://api.github.com/users/mrheston/gists{/gist_id}","starred_url":"https://api.github.com/users/mrheston/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mrheston/subscriptions","organizations_url":"https://api.github.com/users/mrheston/orgs","repos_url":"https://api.github.com/users/mrheston/repos","events_url":"https://api.github.com/users/mrheston/events{/privacy}","received_events_url":"https://api.github.com/users/mrheston/received_events","type":"User","site_admin":false},"milestone":null,"comments":2,"created_at":"2015-11-17T17:46:33Z","updated_at":"2016-05-04T22:15:35Z","closed_at":null,"body":"We should try to remove Noticons from the Olark CSS. The solution is to use SVG for the gridicons. The structure of the Olark markup may pose a challenge for us. For example, at present, we're using `::before` selectors with `content` attributes, and @dllh thinks the svg solution works better when you can use `background` attributes, but there may be a way to work within Olark's markup after all.\r\n\r\nWe'll need to export SVG for the chat icon (the `\\f108` character in <a href=\"http://genericons.com/\">genericons</a>).\r\n\r\nWe'll then need to see if we can work within Olark's current markup and the current CSS or whether we can use CSS that'll let us target background attributes rather than `::before` pseudoclass attributes. @dllh had a partially working solution along these lines:\r\n\r\n```\r\nurl(\"data:image/svg+xml;utf8,<svg fill='\" + $blue-medium + \"' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' d='M0 0h24v24H0z'/><path d='M9 19.414l-6.707-6.707 1.414-1.414L9 16.586 20.293 5.293l1.414 1.414'/></svg>\");\r\n```\r\n\r\nHowever, that didn't work in IE, so we'll want to pay particular attention to that use case.\r\n\r\nMore at https://wpcalypso.wordpress.com/devdocs/docs/icons.md"},"comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments/217020183","html_url":"https://github.com/Automattic/wp-calypso/issues/30#issuecomment-217020183","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/30","id":217020183,"user":{"login":"dllh","id":2738252,"avatar_url":"https://avatars.githubusercontent.com/u/2738252?v=3","gravatar_id":"","url":"https://api.github.com/users/dllh","html_url":"https://github.com/dllh","followers_url":"https://api.github.com/users/dllh/followers","following_url":"https://api.github.com/users/dllh/following{/other_user}","gists_url":"https://api.github.com/users/dllh/gists{/gist_id}","starred_url":"https://api.github.com/users/dllh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dllh/subscriptions","organizations_url":"https://api.github.com/users/dllh/orgs","repos_url":"https://api.github.com/users/dllh/repos","events_url":"https://api.github.com/users/dllh/events{/privacy}","received_events_url":"https://api.github.com/users/dllh/received_events","type":"User","site_admin":false},"created_at":"2016-05-04T22:15:35Z","updated_at":"2016-05-04T22:15:35Z","body":"From my perspective, no. It was high priority during the time we were working on this feature, but wound up not making the cut. Fine to downgrade to whatever seems appropriate."}}