Nicer pattern for showing list view of pages

This commit is contained in:
Paul Clarke 2016-10-31 13:36:41 +13:00
parent bb2cb3d487
commit 76d3fb80e3
2 changed files with 13 additions and 14 deletions

View File

@ -15350,11 +15350,11 @@ div.grid-field__sort-field+.form__fieldgroup-item{
}
@media (max-width:767px){
:not(div.cms-list) .grid-field__table td,:not(div.cms-list) .grid-field__table th{
.grid-field__table td,.grid-field__table th{
display:none;
}
:not(div.cms-list) .grid-field__table td.grid-field__action-placeholder,:not(div.cms-list) .grid-field__table td.grid-field__cell--actions,:not(div.cms-list) .grid-field__table td:first-child,:not(div.cms-list) .grid-field__table th.grid-field__action-placeholder,:not(div.cms-list) .grid-field__table th.grid-field__cell--actions,:not(div.cms-list) .grid-field__table th:first-child{
.cms-list .grid-field__table td,.cms-list .grid-field__table th,.grid-field__table td.grid-field__action-placeholder,.grid-field__table td.grid-field__cell--actions,.grid-field__table td:first-child,.grid-field__table th.grid-field__action-placeholder,.grid-field__table th.grid-field__cell--actions,.grid-field__table th:first-child{
display:table-cell;
}
}

View File

@ -241,13 +241,13 @@ div.grid-field__sort-field + .form__fieldgroup-item {
// Responsive grid-field
// Todo: add .text-truncate for overflowing cells
:not(div.cms-list) {
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(sm) {
.grid-field__table td,
.grid-field__table th {
display: none;
&:first-child {
&:first-child,
.cms-list & {
display: table-cell;
}
@ -256,5 +256,4 @@ div.grid-field__sort-field + .form__fieldgroup-item {
display: table-cell;
}
}
}
}