psychobunny / nodebb-plugin-blog-comments

Lets NodeBB act as a comments engine/widget for your blog
BSD 2-Clause "Simplified" License
100 stars 55 forks source link

Avatar CSS Issue #71

Closed ComputerCarl closed 6 years ago

ComputerCarl commented 7 years ago

When the browser (in this case Firefox) is narrower than ~1000px, the Gravatar/avatar image is off of the page.

Even at full screen ~1300px, I do not want the comments section so large as to extend beyond the content above. Rather, I would the comments section to line up with the author bio above the comments section.

The comments.css file also has a section which reads verbatim;

#nodebb .user {
    left: -83px; /*why??*/
}

but I think the problem is contained elsewhere.

My site has an example of the unwieldy comments section

ComputerCarl commented 6 years ago

I was able to line up the user icons using some post-nodebb css;

  #nodebb {
    text-align: left;
    margin-left: 90px;
    margin-top: 0;
    min-height: 25px;
    left: 0;
    padding-bottom: 10px;
  }
  #nodebb > .user {
    left: 20px;
    margin-top: 10px;
  }