vyadh / teamcity-deployment-dashboard

A TeamCity dashboard to help summarise what app version has been released to what environment.
Apache License 2.0
25 stars 6 forks source link

The form does not shrink/grow with the browser window #11

Closed wizardshill closed 5 years ago

wizardshill commented 5 years ago

The form size seems to be fixed, when I increase the size of the browser windows the form or report stays the same size.

Long project names take-up multiple lines.

vyadh commented 5 years ago

Interesting. Is it possible to add a screenshot?

The dashboard is designed to grow/shrink to a size that "looks right" but not to 100% to avoid everything looking too spaced out.

However, if you've got long project names maybe this doesn't quite work as intended, and the text wraps too early rather than increasing the grid width. One thing I did want to avoid is having project names that make the width so wide it meant you ended up with a horizontal scrollbar.

Since there are no width limits set on the columns, I'm not sure what's going on here. I guess I'll have to see if I can avoid wrapping the project name up to the screen width, but then allow wrapping... Sounds like a bit of a challenge! Bit of investigation needed I think.

wizardshill commented 5 years ago

Screen Shot 2019-07-12 at 3 36 09 PM

vyadh commented 5 years ago

Thanks, that's helpful.

I found the problem. I have a fix for the next release (v1.7), however I'm now struggling to get the table to stretch a bit when there is little content as it used to without having to fill the whole width (need to brush up on my CSS skills clearly!).

I'll see if I can resolve this before cutting the new version.

vyadh commented 5 years ago

Okay I solved the other problem I was having - a bit of CSS grid rather than HTML tables was all I needed. Have a try of the new version and see if it fixes your problem.

wizardshill commented 5 years ago

looks good, thanks