123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- .table-panel-content {
- padding: 0;
- .panel-title-container {
- padding-bottom: 4px;
- }
- }
- .table-panel-scroll {
- overflow: auto;
- }
- .table-panel-container {
- padding-top: 2.2em;
- position: relative;
- }
- .table-panel-footer {
- text-align: center;
- font-size: 90%;
- line-height: 2px;
- ul {
- position: relative;
- display: inline-block;
- margin-left: 0;
- margin-bottom: 0;
- }
- ul > li {
- display: inline; // Remove list-style and block-level defaults
- }
- ul > li > a {
- float: left; // Collapse white-space
- padding: 4px 12px;
- text-decoration: none;
- border-left-width: 0;
- &:hover {
- background-color: $tight-form-func-bg;
- }
- &.active {
- font-weight: bold;
- color: $blue;
- }
- }
- }
- .table-panel-table {
- width: 100%;
- border-collapse: collapse;
- th {
- padding: 0;
- &:first-child {
- .table-panel-table-header-inner {
- padding-left: 15px;
- }
- }
- }
- td {
- padding: 0.45em 1.1em;
- border-bottom: 2px solid $body-bg;
- border-right: 2px solid $body-bg;
- &:first-child {
- padding-left: 15px;
- }
- &:last-child {
- border-right: none;
- }
- &.table-panel-cell-pre {
- white-space: pre;
- }
- &.table-panel-cell-link {
- // Expand internal div to cell size (make all cell clickable)
- padding: 0;
- a {
- padding: 0.45em 0 0.45em 1.1em;
- height: 100%;
- display: inline-block;
- text-decoration: underline;
- text-underline-position: under;
- }
- }
- &.cell-highlighted:hover {
- background-color: $tight-form-func-bg;
- }
- &:hover {
- .table-panel-filter-link {
- visibility: visible;
- }
- }
- }
- }
- .table-panel-filter-link {
- visibility: hidden;
- color: $text-color-weak;
- float: right;
- display: block;
- padding: 0 5px;
- }
- .table-panel-header-bg {
- background: $list-item-bg;
- border-top: 2px solid $body-bg;
- border-bottom: 2px solid $body-bg;
- height: 2em;
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- }
- .table-panel-table-header-inner {
- padding: 0.3em 0 0.45em 1.1em;
- text-align: left;
- color: $blue;
- position: absolute;
- top: 0;
- }
- .table-panel-width-hack {
- visibility: hidden;
- height: 0px;
- line-height: 0px;
- }
- .table-panel-color-cell {
- color: white;
- a {
- color: white;
- }
- }
- .table-panel-color-row {
- color: white;
- a {
- color: white;
- }
- }
|