-
Notifications
You must be signed in to change notification settings - Fork 205
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Adjust grid wrapping in build tables #1286
Conversation
Codecov Report
@@ Coverage Diff @@
## master #1286 +/- ##
==========================================
+ Coverage 87.11% 87.19% +0.08%
==========================================
Files 104 104
Lines 7348 7348
==========================================
+ Hits 6401 6407 +6
+ Misses 947 941 -6
Continue to review full report at Codecov.
|
assets/sass/theme_variables.scss
Outdated
@@ -299,7 +299,7 @@ $screen-tablet: $screen-sm-min !default; | |||
|
|||
// Medium screen / desktop | |||
//** Deprecated `$screen-md` as of v3.0.1 | |||
$screen-md: 992px !default; | |||
$screen-md: 1190px !default; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this is not md then - this is just 10 px off lg
templates/main/group_builds.html.ep
Outdated
@@ -2,7 +2,7 @@ | |||
% my $build = $build_res->{build}; | |||
% my $group_id; | |||
<div class="row build-row <%= $children ? ($default_expanded ? 'children-expanded' : 'children-collapsed') : 'no-children' %>"> | |||
<div class="col-md-4 text-nowrap"> | |||
<div class="col-md-5 text-nowrap"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think we want 5 - why not go with sm-4 ?
0e5afc1
to
ef98177
Compare
Using proposal by @coolo now to wrap earlier without adjusting global media queries. Looks like this: (1st bar after change, 2nd bar before) |
See https://progress.opensuse.org/issues/12942
This shows how the width of the progress bars is adjusted (the larger progress bar shows how it was before for comparison):
![spectacle n21689](https://cloud.githubusercontent.com/assets/10248953/24704345/8850e73a-1a07-11e7-90e0-100216e60e71.png)
Alternative would be wrapping. It would look like this (not part of the PR):
Advantage would be that it works with any text length. The problem with indentation could be solved. However, it doesn't look very nice.