Cut text off before the buttons in the dashboard edit list instead of having it fall on the next line

This commit is contained in:
Kevin MacMartin 2018-01-21 22:47:59 -05:00
parent 315a4893ec
commit 45e84497f1
2 changed files with 44 additions and 36 deletions

View file

@ -265,7 +265,16 @@ body {
@media (max-width: $screen-xs-max) {
margin: 3px;
padding-left: 60px;
}
@media (min-width: $screen-sm-min) {
display: flex;
}
&.sortable {
@media (max-width: $screen-xs-max) {
padding-left: 50px;
}
}
.title-column {
@ -279,7 +288,9 @@ body {
}
@media (min-width: $screen-sm-min) {
float: left;
overflow: hidden;
flex-grow: 1;
white-space: nowrap;
}
.sort-icon {
@ -316,15 +327,16 @@ body {
.button-column {
padding-right: 0px;
padding-left: 0px;
@media (max-width: $screen-xs-max) {
padding-bottom: 5px;
padding-left: 0px;
text-align: center;
}
@media (min-width: $screen-sm-min) {
float: right;
padding-left: 5px;
flex-shrink: 0;
text-align: right;
}

View file

@ -20,9 +20,7 @@
<ul id="edit-list" class="list-group edit-list list" data-model="{{ $model }}" data-path="{{ isset($path) ? $path : $model }}" {{ $sortcol != false ? "data-sort=$sortcol" : '' }}>
@foreach($rows as $row)
<li class="list-group-item" data-id="{{ $row['id'] }}">
<div class="container-fluid">
<div class="row">
<li class="list-group-item {{ $sortcol != false ? 'sortable' : '' }}" data-id="{{ $row['id'] }}">
<div class="title-column">
@if($sortcol != false)
<div class="sort-icon">
@ -56,8 +54,6 @@
<button type="button" class="delete-button btn btn-danger">Delete</button>
@endif
</div>
</div>
</div>
</li>
@endforeach
</ul>