{"action":"created","issue":{"url":"https://api.github.com/repos/cfpb/design-manual/issues/285","labels_url":"https://api.github.com/repos/cfpb/design-manual/issues/285/labels{/name}","comments_url":"https://api.github.com/repos/cfpb/design-manual/issues/285/comments","events_url":"https://api.github.com/repos/cfpb/design-manual/issues/285/events","html_url":"https://github.com/cfpb/design-manual/issues/285","id":58915989,"number":285,"title":"Icon placement with links ","user":{"login":"duelj","id":6873734,"avatar_url":"https://avatars.githubusercontent.com/u/6873734?v=3","gravatar_id":"","url":"https://api.github.com/users/duelj","html_url":"https://github.com/duelj","followers_url":"https://api.github.com/users/duelj/followers","following_url":"https://api.github.com/users/duelj/following{/other_user}","gists_url":"https://api.github.com/users/duelj/gists{/gist_id}","starred_url":"https://api.github.com/users/duelj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/duelj/subscriptions","organizations_url":"https://api.github.com/users/duelj/orgs","repos_url":"https://api.github.com/users/duelj/repos","events_url":"https://api.github.com/users/duelj/events{/privacy}","received_events_url":"https://api.github.com/users/duelj/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/cfpb/design-manual/labels/0%20-%20Backlog","name":"0 - Backlog","color":"FFFFFF"},{"url":"https://api.github.com/repos/cfpb/design-manual/labels/content%20update","name":"content update","color":"7F96B8"},{"url":"https://api.github.com/repos/cfpb/design-manual/labels/design","name":"design","color":"002D72"},{"url":"https://api.github.com/repos/cfpb/design-manual/labels/question","name":"question","color":"796E65"},{"url":"https://api.github.com/repos/cfpb/design-manual/labels/UI","name":"UI","color":"FF9E1B"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-02-25T15:14:54Z","updated_at":"2015-02-26T20:04:44Z","closed_at":null,"body":"I wanted to start a discussion about how we are using minicons with links in the website, whether there is the freedom to use them on either side of the text, and if so, should be some type of system for when they are used on a given side. \r\n\r\n### Design Manual - currently\r\nThe design manual shows that minicons should only follow link text and not precede them, even in a list format or despite the type of icon it is. \r\n![screen shot 2015-02-25 at 9 50 32 am](https://cloud.githubusercontent.com/assets/6873734/6372913/304158f4-bcd5-11e4-8bd3-219f19f8b331.png)\r\n\r\n### Flapjack\r\nWe have often used minicons with links in two formats.\r\n\r\n##### Icon left \r\nThis is often done in the context of the icon being used as an organizational element. The link may be an email address and to help orient the user scanning a page having the email minicon first on the link as they are scanning seemed to make sense. \r\n\r\n##### Icon Right\r\nThis is typically used when the mincon represents an action. The arrow is used right when the link will take you to another page in the section, or the download/pdf icon shows that a download action is about to take place, etc.\r\n\r\n**An example of both cases being shown next to each other can be seen here:**\r\n\r\n![screen shot 2015-02-25 at 10 04 18 am](https://cloud.githubusercontent.com/assets/6873734/6373022/01ed759a-bcd6-11e4-81ad-a116133e479d.png)\r\n\r\n### Other cases of mincons left *(not all are links)*\r\n\r\n##### OAH\r\n![screen shot 2015-02-25 at 9 54 30 am](https://cloud.githubusercontent.com/assets/6873734/6373071/87e46cc6-bcd6-11e4-9f79-53900a3c90fe.png)\r\n\r\n##### Consumer Response\r\n![screen shot 2015-02-25 at 9 54 51 am](https://cloud.githubusercontent.com/assets/6873734/6373082/95d73f0c-bcd6-11e4-8f54-231458cb9952.png)\r\n\r\n### Summary \r\n• I wanted to see if there were other cases of people using minicons to the left of links in their projects. \r\n• Do people feel that using minicons on either side is acceptable?\r\n• Should there be use cases for minicons to exist on a certain side of a link?\r\n\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/cfpb/design-manual/issues/comments/76258508","html_url":"https://github.com/cfpb/design-manual/issues/285#issuecomment-76258508","issue_url":"https://api.github.com/repos/cfpb/design-manual/issues/285","id":76258508,"user":{"login":"duelj","id":6873734,"avatar_url":"https://avatars.githubusercontent.com/u/6873734?v=3","gravatar_id":"","url":"https://api.github.com/users/duelj","html_url":"https://github.com/duelj","followers_url":"https://api.github.com/users/duelj/followers","following_url":"https://api.github.com/users/duelj/following{/other_user}","gists_url":"https://api.github.com/users/duelj/gists{/gist_id}","starred_url":"https://api.github.com/users/duelj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/duelj/subscriptions","organizations_url":"https://api.github.com/users/duelj/orgs","repos_url":"https://api.github.com/users/duelj/repos","events_url":"https://api.github.com/users/duelj/events{/privacy}","received_events_url":"https://api.github.com/users/duelj/received_events","type":"User","site_admin":false},"created_at":"2015-02-26T20:04:44Z","updated_at":"2015-02-26T20:04:44Z","body":"Maybe this conversation should be do we want to add examples of links with left icons to the design manual and should there be a reason to use one or the other? "}}