Merge scrollable and responsive settings

This commit is contained in:
Brian Miyaji
2015-01-30 18:36:31 +11:00
parent 592c754a1f
commit e40f6e9026
15 changed files with 16 additions and 162 deletions

View File

@@ -55,8 +55,4 @@
left: auto;
right: 0;
}
.sp-responsive-table-wrapper .scrollable {
margin-left: 0;
margin-right: 50%;
}
}

View File

@@ -276,55 +276,4 @@
.sp-highlight,
.sp-heading {
font-weight: bold;
}
@media only screen and (max-width: 40em) {
.sp-responsive-table {
margin-bottom: 0;
}
.sp-pinned-table {
position: absolute;
left: 0;
top: 0;
width: 50%;
overflow: hidden;
overflow-x: scroll;
box-shadow: 0 0 1em rgba(0,0,0,0.5);
}
.sp-pinned-table table {
border-right: none;
border-left: none;
width: 100%;
}
.sp-pinned-table table th,
.sp-pinned-table table td {
white-space: nowrap;
}
.sp-pinned-table td:last-child {
border-bottom: 0;
}
.sp-responsive-table-wrapper {
position: relative;
overflow: hidden;
background: #fff;
}
.sp-responsive-table-wrapper .scrollable {
margin-left: 50%;
}
.sp-responsive-table-wrapper .scrollable {
overflow: scroll;
overflow-y: hidden;
}
.sp-responsive-table-wrapper .scrollable td,
.sp-responsive-table-wrapper .scrollable th {
position: relative;
white-space: nowrap;
overflow: hidden;
}
.sp-responsive-table-wrapper .scrollable .data-number,
.sp-responsive-table-wrapper .scrollable .data-name,
.sp-responsive-table-wrapper .scrollable .data-rank,
.sp-responsive-table-wrapper .scrollable .data-date {
display: none;
}
}