| .ng-table th { |
| -webkit-touch-callout: none; |
| -webkit-user-select: none; |
| -khtml-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| font-weight: bold; |
| } |
| |
| .ng-table th.sortable { |
| cursor: pointer; |
| } |
| |
| .ng-table th.sortable div { |
| padding-right: 18px; |
| position: relative; |
| } |
| |
| .ng-table th.sortable div:after, |
| .ng-table th.sortable div:before { |
| content: ""; |
| border-width: 0 4px 4px; |
| border-style: solid; |
| border-color: #000 transparent; |
| visibility: visible; |
| right: 8px; |
| top: 50%; |
| position: absolute; |
| opacity: .3; |
| margin-top: -4px; |
| } |
| |
| .ng-table th.sortable div:before { |
| margin-top: 2px; |
| border-bottom: none; |
| border-left: 4px solid transparent; |
| border-right: 4px solid transparent; |
| border-top: 4px solid #000; |
| } |
| |
| .ng-table th.sortable div:hover:after, |
| .ng-table th.sortable div:hover:before { |
| opacity: 1; |
| visibility: visible; |
| } |
| |
| .ng-table th.sortable.sort-desc, |
| .ng-table th.sortable.sort-asc { |
| background-color: rgba(183, 194, 219, 0.25); |
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
| } |
| |
| .ng-table th.sortable.sort-desc div:after, |
| .ng-table th.sortable.sort-asc div:after { |
| margin-top: -2px; |
| } |
| |
| .ng-table th.sortable.sort-desc div:before, |
| .ng-table th.sortable.sort-asc div:before { |
| visibility: hidden; |
| } |
| |
| .ng-table th.sortable.sort-asc div:after, |
| .ng-table th.sortable.sort-asc div:hover:after { |
| visibility: visible; |
| filter: alpha(opacity=60); |
| -khtml-opacity: 0.6; |
| -moz-opacity: 0.6; |
| opacity: 0.6; |
| } |
| |
| .ng-table th.sortable.sort-desc div:after { |
| border-bottom: none; |
| border-left: 4px solid transparent; |
| border-right: 4px solid transparent; |
| border-top: 4px solid #000; |
| visibility: visible; |
| -webkit-box-shadow: none; |
| -moz-box-shadow: none; |
| box-shadow: none; |
| filter: alpha(opacity=60); |
| -khtml-opacity: 0.6; |
| -moz-opacity: 0.6; |
| opacity: 0.6; |
| } |
| |
| .ng-table th.filter .input-filter { |
| margin: 0; |
| display: block; |
| width: 100%; |
| min-height: 30px; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .ng-table + .pagination { |
| margin-top: 0; |
| } |
| |
| @media only screen and (max-width: 800px) { |
| .ng-table-responsive { |
| border-bottom: 1px solid #999999; |
| } |
| |
| .ng-table-responsive tr { |
| border-top: 1px solid #999999; |
| border-left: 1px solid #999999; |
| border-right: 1px solid #999999; |
| } |
| |
| .ng-table-responsive td:before { |
| position: absolute; |
| padding: 8px; |
| left: 0; |
| top: 0; |
| width: 50%; |
| white-space: nowrap; |
| text-align: left; |
| font-weight: bold; |
| } |
| |
| .ng-table-responsive thead tr th { |
| text-align: left; |
| } |
| |
| .ng-table-responsive thead tr.ng-table-filters th { |
| padding: 0; |
| } |
| |
| .ng-table-responsive thead tr.ng-table-filters th form > div { |
| padding: 8px; |
| } |
| |
| .ng-table-responsive td { |
| border: none; |
| border-bottom: 1px solid #eeeeee; |
| position: relative; |
| padding-left: 50%; |
| white-space: normal; |
| text-align: left; |
| } |
| |
| .ng-table-responsive td:before { |
| content: attr(data-title-text); |
| } |
| |
| .ng-table-responsive, |
| .ng-table-responsive thead, |
| .ng-table-responsive tbody, |
| .ng-table-responsive th, |
| .ng-table-responsive td, |
| .ng-table-responsive tr { |
| display: block; |
| } |
| } |
| |
| /* We don't use any table pagination */ |
| .ng-table-pager { |
| display: none; |
| } |