1
0
mirror of https://github.com/DataTables/DataTables.git synced 2025-02-19 17:54:14 +01:00

Fix: Responsive CSS - two collapsing stages for the control elements

- The filter and page length controls take up a lot less room, so they
  can collapse later
This commit is contained in:
Allan Jardine 2014-04-25 13:27:47 +01:00
parent eb74bc591a
commit 54e93323b4
2 changed files with 11 additions and 4 deletions

View File

@ -1 +1 @@
013a4437a1e2937bbbdc1d8a106f585d7b0e1398
c130b9f411733d6d400b07d3187efe3334ea2ed6

View File

@ -378,15 +378,22 @@ table.dataTable td {
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
}