Skip to content
This repository has been archived by the owner on Apr 1, 2020. It is now read-only.

Columns on Releases page are unnecessarily narrow which breaks layout when using long user names, tags, etc. #9

Open
NickAb opened this issue Sep 8, 2016 · 0 comments · May be fixed by #10

Comments

@NickAb
Copy link

NickAb commented Sep 8, 2016

deis-ui-releases

As you can see on screenshot long text lines overflow out of their columns which makes it hard to read.
Adding word-break: break-word; or word-break: break-all; can fix it.

But, if one would inspect they layout, it turns out that Releases "table" is contained inside col-md-8 which is contained inside col-md-10. col-md-10 is used to make top level two column layout (apps list and current app).

col-md-8 seems to not have any meaning, as there is no other column next to it, so it basically just makes all content narrow and leaves a lot of free space to the right. Same goes to col-sm-* columns User, Version, etc. They seems to add up to 10 only, but should add up to 12 to take up all the space of containing parent.

Here how it might look if wide columns are used:
deis-ui-releases-wide

@NickAb NickAb linked a pull request Sep 8, 2016 that will close this issue
@NickAb NickAb changed the title Columns on Releases page are unnecessarily which breaks layout when using long user names, tags, etc. Columns on Releases page are unnecessarily narrow which breaks layout when using long user names, tags, etc. Oct 8, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant