{"action":"opened","issue":{"url":"https://api.github.com/repos/tootsuite/mastodon/issues/6501","repository_url":"https://api.github.com/repos/tootsuite/mastodon","labels_url":"https://api.github.com/repos/tootsuite/mastodon/issues/6501/labels{/name}","comments_url":"https://api.github.com/repos/tootsuite/mastodon/issues/6501/comments","events_url":"https://api.github.com/repos/tootsuite/mastodon/issues/6501/events","html_url":"https://github.com/tootsuite/mastodon/issues/6501","id":298088693,"number":6501,"title":"Mastodon UI shows 1px blue border outline on the page","user":{"login":"HellPie","id":2611921,"avatar_url":"https://avatars0.githubusercontent.com/u/2611921?v=4","gravatar_id":"","url":"https://api.github.com/users/HellPie","html_url":"https://github.com/HellPie","followers_url":"https://api.github.com/users/HellPie/followers","following_url":"https://api.github.com/users/HellPie/following{/other_user}","gists_url":"https://api.github.com/users/HellPie/gists{/gist_id}","starred_url":"https://api.github.com/users/HellPie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/HellPie/subscriptions","organizations_url":"https://api.github.com/users/HellPie/orgs","repos_url":"https://api.github.com/users/HellPie/repos","events_url":"https://api.github.com/users/HellPie/events{/privacy}","received_events_url":"https://api.github.com/users/HellPie/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-18T14:27:56Z","updated_at":"2018-02-18T14:27:56Z","closed_at":null,"author_association":"NONE","body":"There is a thin 1px blue outline on Chrome and possibly other browsers around the body of the page when no other element is selected.\r\nIt should be fixable by adding `outline: 0 !important;` to one of the `div` elements that take up the entire window's size.\r\n\r\nThis is what happens when no element is selected (therefore, the entire window is selected):\r\n![image](https://user-images.githubusercontent.com/2611921/36352842-16e3d2ac-14bf-11e8-8d55-ce169c806f07.png)\r\n\r\nAnd this is how it looks like when the toot composing textbox is selected:\r\n![image](https://user-images.githubusercontent.com/2611921/36352874-5bf516c6-14bf-11e8-9c6d-ed4d7328fc6e.png)\r\n\r\nThe border is the same Chrome shows on most input element, such as options, links, and on Mastodon, images:\r\n![image](https://user-images.githubusercontent.com/2611921/36352885-7c9937c2-14bf-11e8-94fc-280a6823d93f.png)\r\n\r\nand around some elements in the settings pages:\r\n![image](https://user-images.githubusercontent.com/2611921/36352936-fad88aca-14bf-11e8-8e6f-a44ceba66935.png)\r\n\r\nThe outline is shown to highlight currently active interactive elements in Chrome and some browsers for accessibility reasons, so hiding it from images and actual input/interactive elements may not be the right choice, although graphically hiding it in the main container of the webpage should at least \"restore\" the UI's expected rendering behavior.\r\n\r\n* * * *\r\n\r\n- [x] I searched or browsed the repo’s other issues to ensure this is not a duplicate.\r\n- [x] This bug happens on a [tagged release](https://github.com/tootsuite/mastodon/releases) and not on `master` (If you're a user, don't worry about this).\r\n"}}
{"actor":{"display_login":"HellPie"}}