tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

Nicer pattern for showing list view of pages

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin/client/dist/styles/bundle.css vendored
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;
}
}

23
admin/client/src/components/GridField/GridField.scss
View File

@ -241,20 +241,19 @@ 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) {
.grid-field__table td,
.grid-field__table th {
display: none;
@include media-breakpoint-down(sm) {
.grid-field__table td,
.grid-field__table th {
display: none;
&:first-child {
display: table-cell;
}
&:first-child,
.cms-list & {
display: table-cell;
}
&.grid-field__cell--actions,
&.grid-field__action-placeholder {
display: table-cell;
}
&.grid-field__cell--actions,
&.grid-field__action-placeholder {
display: table-cell;
}
}
}