murph/murph-skeleton
murph
/
murph-skeleton
2
2
Fork 0
Code Issues Pull Requests Packages Projects Releases 34 Wiki Activity

improve responsive design

This commit is contained in:
Simon Vieille 2021-04-20 13:25:14 +02:00
parent 24574da2b4
commit 264b111845
1 changed files with 36 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
assets/css/admin.scss
View File

@ -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 {