improve responsive design
This commit is contained in:
parent
24574da2b4
commit
264b111845
|
@ -217,34 +217,9 @@ tr.table-primary-light {
|
|||
}
|
||||
|
||||
table.table-fixed, .table-fixed > table {
|
||||
width: 100%;
|
||||
|
||||
tbody {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
thead, tbody, tr, td, th {
|
||||
display: block;
|
||||
}
|
||||
|
||||
tbody {
|
||||
td, th {
|
||||
float: left;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
tr {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
float: left;
|
||||
|
||||
&.sorted {
|
||||
&::before {
|
||||
content: '\f0dc';
|
||||
|
@ -256,6 +231,42 @@ table.table-fixed, .table-fixed > table {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-height: 650px) {
|
||||
table.table-fixed, .table-fixed > table {
|
||||
width: 100%;
|
||||
|
||||
tbody {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
thead, tbody, tr, td, th {
|
||||
display: block;
|
||||
}
|
||||
|
||||
tbody {
|
||||
td, th {
|
||||
float: left;
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
tr {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toast-container {
|
||||
|
|
Loading…
Reference in a new issue