blob: 9aea5a914ced9b0337da23174baa2f66e51ebe6a [file] [log] [blame]
.table-responsive {
min-height: .01%;
overflow-x: auto;
@media (max-width: @screen-xs-max) {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #ddd;
width: 100%;
max-width: 100%;
th {
font-weight: 500;
text-align: left;
background-color: #f9f9f9;
border-bottom: 1px solid #ddd;
white-space: nowrap;
}
th,
td {
padding: 3px 6px;
border: 1px solid #ddd;
vertical-align: top;
}
td {
// dont wrap whitespace for smaller screens
// since tables are going to scroll anyway
white-space: nowrap;
@media (min-width: @screen-md-min) {
white-space: normal;
}
}
a {
word-break: normal;
}
}