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

Width of Comment on Small screen #940

Closed
magsout opened this issue Mar 3, 2016 · 2 comments
Closed

Width of Comment on Small screen #940

magsout opened this issue Mar 3, 2016 · 2 comments

Comments

@magsout
Copy link
Member

magsout commented Mar 3, 2016

Comment doesn't take advantage of full with on small screen..

capture d ecran 2016-03-03 a 21 49 35

@ghost
Copy link

ghost commented Mar 7, 2016

is it has something to do with the responsiveness of the website?

@magsout
Copy link
Member Author

magsout commented Mar 8, 2016

This line https://github.com/webcompat/webcompat.com/blob/master/webcompat/static/css/development/components/comment.css#L45

We need to add a media querie to handle this width only and only if avatar is display. Without it, max-width is useless.

Something like:

  /* Body */
  .wc-Comment-body {
    position: relative;
    flex: 1;
    margin-left:.8em;
  }

  @media all and (min-width: 61.88em) {

    .wc-Comment-body {
      max-width: calc(100% - 59px);
    }
  }

magsout added a commit that referenced this issue Mar 11, 2016
miketaylr pushed a commit that referenced this issue Mar 23, 2016
Fixes #940 - fixed with comment on small screen
daliacoss pushed a commit to daliacoss/webcompat.com that referenced this issue Mar 29, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant