straker/livingcss

.livingcss-example min-width causing block to overflow

Closed this issue · 3 comments

.livingcss-example element for me is having 1100px. I don't know where this value came from yet, but it is causing this block to overflow parent container. When I'm turning it off in dev tools, everything's perfectly fine.

Here's how it looks for me:
screen shot 2017-01-18 at 11 27 09 am

Also, as a result, horizontal scroll appears.

Interesting. I can't see this same behavior on my end. Do you have an example site I could look at to see what might be causing it?

@straker hi, sadly - no. It's local page. It appeared from a very beginning, when I just installed livingcss and provided comments for first button element.
Fixed this by overriding min-width with following:

body.livingcss-example {
  min-width: auto;
}

The button styles itself, are not having any "specific" styles. It's just height, min-width, padding and text-align.

Closing because workaround found and also lacking of a public page to demonstrate a bug.