Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TimedTextEditor Text centre aligned in mobile view #147

Closed
pietrop opened this issue Apr 15, 2019 · 1 comment
Closed

TimedTextEditor Text centre aligned in mobile view #147

pietrop opened this issue Apr 15, 2019 · 1 comment
Assignees
Labels
bug Something isn't working

Comments

@pietrop
Copy link
Contributor

pietrop commented Apr 15, 2019

Describe the bug

To Reproduce
Steps to reproduce the behaviour:

  1. Go to Storybook demo app
  2. Click on load demo
  3. Click on screen size icon and chose iphone 6
  4. Scroll down to see TimedTextEditor
  5. See error, text is centred align

Expected behavior

Expect text to be aligned to the left.

Screenshots

Screen Shot 2019-04-15 at 16 39 40

Desktop (please complete the following information):

  • OS: Mac, OS X, Storybook - iPhone6 view
  • Browser : Chrome

Additional context

Seems to be caused by /demo/index.module.css under

/* phone */
@media (max-width: 767px) {
  body {
    padding: 0;
    text-align: center;
  }
...

Which is effecting the all of the page, if commenting out text-align: center; then error goes away.

Screen Shot 2019-04-15 at 16 50 00

@pietrop pietrop added the bug Something isn't working label Apr 15, 2019
@pietrop pietrop self-assigned this Apr 15, 2019
@pietrop
Copy link
Contributor Author

pietrop commented Aug 12, 2019

closing as fixed in #175 PR soon to be merged into master.

@pietrop pietrop closed this as completed Aug 12, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant