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

improve responsive design

Browse source
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 { 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 { thead {
tr { tr {
th { th {
float: left;
&.sorted { &.sorted {
&::before { &::before {
content: '\f0dc'; 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 { .toast-container {