Minor (cosmetic): CSS overflow/wrapping issue

[hlubovac]

I hope it's clear from the image. Commit dated: 11/11/2017. Horizontal scrollbar does show.

I don't know what's better to suggest: wrap (to avoid horizontal scrollbar, but then presentation might get ugly, being that model-names tend to be long and would word-break badly) or go-wide (with horizontal scrollbar).

Perhaps option #2 is easier, as it's already there (that table.parameters is what drives this); I was going to suggest to maybe remove the right border and right-gradient bg-color to white, but I can't quickly find where the gray border comes from (I was able to get rid of the "green" one and the corner-radius).

[webron]

@hlubovac can you provide with an API definition that reproduces it?

[hlubovac]

I was going to submit what you asked, but then I just discovered that this problem isn't about swagger-json content, but more about CSS related to viewport width.

"Enough" width:

Not enough width:

Here's the sample that you asked for anyway:
agent.json.txt

[webron]

@hlubovac just tried loading it in the latest master, and can't really reproduce it (tested in both FF and Chrome).

[hlubovac]

That's weird, because I copied master on 11/11, which is the latest, I think.

So, as you're decreasing the width of the window, what happens to these two boxes (green and blank, in the example above)?

[webron]

They just get minimized and adjust to the width.

[hlubovac]

If we're looking at the same source, table.parameters (present within each endpoint-block) will not allow wrapping beyond its width. Maybe you didn't expand an endpoint-block?

Collapsed, everything wraps fine:

Uncollapsed, it's not:

But, again, it's cosmetic.

[webron]

I'm not really very worried about supporting that width.

[hlubovac]

Below 1155px is when it starts overlapping content.
Although that 350 would be nice for my phone :) - but I understand: for the purpose of the content, it's not necessary.

Thanks.

[unrevised6419]

I also encountered issue and found the problem. I'll make a PR.
This is because in index.html they provide is box-sizing: border-box; into an inline style, but in swagger-ui.css no.