Skip to content

TimedTextEditor Text centre aligned in mobile view #147

Closed
@pietrop

Description

@pietrop

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

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions