Improved rendering of visits table on mobile devices

This commit is contained in:
Alejandro Celaya
2020-04-04 12:09:17 +02:00
parent 2bd70fb9e6
commit 06b63d1af2
5 changed files with 110 additions and 27 deletions

View File

@@ -1,4 +1,36 @@
@import '../utils/base';
.visits-table {
margin: 1.5rem 0 0;
position: relative;
}
.visits-table__sticky {
position: sticky;
}
.visits-table__header-cell {
cursor: pointer;
top: $headerHeight - 2px;
margin-bottom: 55px;
background-color: white;
z-index: 1;
border: 1px solid #dee2e6;
}
.visits-table__header-cell--no-action {
cursor: auto;
text-align: center;
}
.visits-table__header-icon {
float: right;
margin-top: 3px;
}
.visits-table__footer-cell.visits-table__footer-cell {
bottom: 0;
margin-top: 34px;
background-color: white;
padding: .5rem;
}