Fixed responsive table headers

This commit is contained in:
Alejandro Celaya
2022-03-07 09:09:30 +01:00
parent 3ecad0161b
commit 3f48ca401d
5 changed files with 18 additions and 4 deletions

View File

@@ -6,11 +6,18 @@
}
}
.responsive-table.table > :not(:first-child) {
@media (max-width: $responsiveTableBreakpoint) {
border: none;
}
}
.responsive-table__row {
@media (max-width: $responsiveTableBreakpoint) {
display: block;
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color);
border-top: 2px solid var(--border-color);
position: relative;
}
}
@@ -40,3 +47,10 @@
}
}
}
.responsive-table__cell.responsive-table__cell .btn-sm {
@media (max-width: $responsiveTableBreakpoint) {
padding: 0.1rem 0.4rem;
margin-top: 0.16rem;
}
}