{"action":"closed","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/7898","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/7898/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/7898/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/7898/events","html_url":"https://github.com/callemall/material-ui/issues/7898","id":252554533,"number":7898,"title":"RTL is not functioning correctly","user":{"login":"mehrdaad","id":13661520,"avatar_url":"https://avatars1.githubusercontent.com/u/13661520?v=4","gravatar_id":"","url":"https://api.github.com/users/mehrdaad","html_url":"https://github.com/mehrdaad","followers_url":"https://api.github.com/users/mehrdaad/followers","following_url":"https://api.github.com/users/mehrdaad/following{/other_user}","gists_url":"https://api.github.com/users/mehrdaad/gists{/gist_id}","starred_url":"https://api.github.com/users/mehrdaad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mehrdaad/subscriptions","organizations_url":"https://api.github.com/users/mehrdaad/orgs","repos_url":"https://api.github.com/users/mehrdaad/repos","events_url":"https://api.github.com/users/mehrdaad/events{/privacy}","received_events_url":"https://api.github.com/users/mehrdaad/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-08-24T10:15:43Z","updated_at":"2017-08-24T10:54:37Z","closed_at":"2017-08-24T10:54:37Z","body":"### Problem description\r\nI'm trying to change direction of my app.  \r\nAs far as I know setting direction to ``rtl`` in theme provider changes ``paddingLeft `` to ``paddingRight`` and vice versa. \r\nBut this isn't working as expected.\r\n### Steps to reproduce  \r\n\r\n``theme/index.js``  \r\n\r\n    import { createMuiTheme } from 'material-ui/styles';\r\n\r\n    const theme = createMuiTheme({\r\n       direction: 'rtl',\r\n    });  \r\n    export default theme;\r\n\r\n``App.jsx``  \r\n\r\n    import React from 'react';\r\n    import { BrowserRouter as Router } from 'react-router-dom';\r\n    import { MuiThemeProvider } from 'material-ui/styles';\r\n    import Routes from '../routes';\r\n    import rooyeshTheme from './theme';\r\n\r\n    const App = () => (\r\n      <Router>\r\n           <MuiThemeProvider theme={rooyeshTheme}>\r\n                 <Routes />\r\n            </MuiThemeProvider>\r\n       </Router>\r\n     );  \r\n    export default App;\r\n\r\n\r\nThis component is loaded in index.js file.  \r\nAlso, I'm using ``react-router`` v4. ``Routes `` component is related to that,  depending on route, a component is loaded.  \r\n\r\nI think that shouldn't affect ``materil-ui`` as docs state that Components should be wrapped in ``MuiThemeProvider`` (which it is.)  \r\n\r\nAlso, I can confirm that ``theme`` is functioning correctly since I tried changing it to dark and it worked.  \r\n\r\n\r\n\r\n\r\n\r\n### Versions\r\n\r\n- Material-UI: v1.0.0-beta6\r\n- React: ^15.6.1\r\n- Browser: Chrome 60 (Official Build) (64-bit) Windows\r\n"}}
{"actor":{"display_login":"oliviertassinari"}}