{"action":"created","issue":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5015","repository_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5015/labels{/name}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5015/comments","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5015/events","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/5015","id":327279110,"node_id":"MDU6SXNzdWUzMjcyNzkxMTA=","number":5015,"title":"custom panel width alignment issue","user":{"login":"hrc7505","id":17545364,"node_id":"MDQ6VXNlcjE3NTQ1MzY0","avatar_url":"https://avatars0.githubusercontent.com/u/17545364?v=4","gravatar_id":"","url":"https://api.github.com/users/hrc7505","html_url":"https://github.com/hrc7505","followers_url":"https://api.github.com/users/hrc7505/followers","following_url":"https://api.github.com/users/hrc7505/following{/other_user}","gists_url":"https://api.github.com/users/hrc7505/gists{/gist_id}","starred_url":"https://api.github.com/users/hrc7505/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hrc7505/subscriptions","organizations_url":"https://api.github.com/users/hrc7505/orgs","repos_url":"https://api.github.com/users/hrc7505/repos","events_url":"https://api.github.com/users/hrc7505/events{/privacy}","received_events_url":"https://api.github.com/users/hrc7505/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"michaelangotti","id":36172143,"node_id":"MDQ6VXNlcjM2MTcyMTQz","avatar_url":"https://avatars3.githubusercontent.com/u/36172143?v=4","gravatar_id":"","url":"https://api.github.com/users/michaelangotti","html_url":"https://github.com/michaelangotti","followers_url":"https://api.github.com/users/michaelangotti/followers","following_url":"https://api.github.com/users/michaelangotti/following{/other_user}","gists_url":"https://api.github.com/users/michaelangotti/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelangotti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelangotti/subscriptions","organizations_url":"https://api.github.com/users/michaelangotti/orgs","repos_url":"https://api.github.com/users/michaelangotti/repos","events_url":"https://api.github.com/users/michaelangotti/events{/privacy}","received_events_url":"https://api.github.com/users/michaelangotti/received_events","type":"User","site_admin":false},"assignees":[{"login":"michaelangotti","id":36172143,"node_id":"MDQ6VXNlcjM2MTcyMTQz","avatar_url":"https://avatars3.githubusercontent.com/u/36172143?v=4","gravatar_id":"","url":"https://api.github.com/users/michaelangotti","html_url":"https://github.com/michaelangotti","followers_url":"https://api.github.com/users/michaelangotti/followers","following_url":"https://api.github.com/users/michaelangotti/following{/other_user}","gists_url":"https://api.github.com/users/michaelangotti/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelangotti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelangotti/subscriptions","organizations_url":"https://api.github.com/users/michaelangotti/orgs","repos_url":"https://api.github.com/users/michaelangotti/repos","events_url":"https://api.github.com/users/michaelangotti/events{/privacy}","received_events_url":"https://api.github.com/users/michaelangotti/received_events","type":"User","site_admin":false}],"milestone":null,"comments":2,"created_at":"2018-05-29T11:27:47Z","updated_at":"2018-06-25T08:42:45Z","closed_at":null,"author_association":"NONE","body":"### Bug Report\r\n\r\n- __Package version(s)__: ^5.101.2-hotfix.1\r\n- __Browser and OS versions__: Chrome with  66.0.3359.181 having windows 10 Pro\r\n\r\n#### Describe the issue:\r\nI have tried the customWidth=500px but when browser width is less then 1024px panel getting aligned to left side. this is not a nice behavior and this is happening because of following media query where `left:auto` is override by `left:48px`,\r\n\r\n```\r\n@media (min-width: 768px){\r\n[dir='ltr'] .root_4ec27794.rootIsMedium_4ec27794 .main_4ec27794, [dir='ltr'] .root_4ec27794.rootIsLarge_4ec27794 .main_4ec27794, [dir='ltr'] .root_4ec27794.rootIsXLarge_4ec27794 .main_4ec27794, [dir='ltr'] .root_4ec27794.rootIsCustom_4ec27794 .main_4ec27794 {\r\n    left: 48px;\r\n}\r\n```\r\n<!-- fill this out -->\r\n\r\n#### Actual behavior:\r\n![image](https://user-images.githubusercontent.com/17545364/40656012-a9385c32-6360-11e8-8429-0cf22b01934f.png)\r\n\r\n<!-- fill this out -->\r\n\r\n#### Expected behavior:\r\n![image](https://user-images.githubusercontent.com/17545364/40656097-fa43d4bc-6360-11e8-8621-027dd4fc100d.png)\r\n"},"comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments/399877242","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/issues/5015#issuecomment-399877242","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/5015","id":399877242,"node_id":"MDEyOklzc3VlQ29tbWVudDM5OTg3NzI0Mg==","user":{"login":"hrc7505","id":17545364,"node_id":"MDQ6VXNlcjE3NTQ1MzY0","avatar_url":"https://avatars0.githubusercontent.com/u/17545364?v=4","gravatar_id":"","url":"https://api.github.com/users/hrc7505","html_url":"https://github.com/hrc7505","followers_url":"https://api.github.com/users/hrc7505/followers","following_url":"https://api.github.com/users/hrc7505/following{/other_user}","gists_url":"https://api.github.com/users/hrc7505/gists{/gist_id}","starred_url":"https://api.github.com/users/hrc7505/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hrc7505/subscriptions","organizations_url":"https://api.github.com/users/hrc7505/orgs","repos_url":"https://api.github.com/users/hrc7505/repos","events_url":"https://api.github.com/users/hrc7505/events{/privacy}","received_events_url":"https://api.github.com/users/hrc7505/received_events","type":"User","site_admin":false},"created_at":"2018-06-25T08:42:45Z","updated_at":"2018-06-25T08:42:45Z","author_association":"NONE","body":"@michaelangotti  any progress to this issue ?"}}
{"actor":{"display_login":"hrc7505"}}