git.roojs.org Git - roojs1/blob - scss/roojs-bootstrap/table.scss

   1 /* paging toolbar */
   2
   3 .table {
   4     .pagination .x-paging-position span {
   5         padding: 3px 6px;
   6     }
   7     .pagination .x-paging-position span  input {
   8         margin: 0 0 0 7px;
   9         width: 42px;
  10         padding: 0 5px;
  11     }
  12
  13 }
  14 .navbar .pagination>li>span {
  15     min-height:34px;
  16 }
  17
  18 .table tfoot td
  19 {
  20     padding: 0;
  21 }
  22 .navbar .pagination {
  23     margin: 0;
  24 }
  25
  26
  27 /* these are technicall adminlte related */
  28 .skin-blue  .navbar .pagination > li > a:active,
  29 .skin-blue  .navbar .pagination > li > a:focus,
  30 .skin-blue .navbar .pagination>li>a {
  31     background-color: $brand-primary;
  32
  33 }
  34 .skin-blue  .navbar .pagination > li > a:hover
  35 {
  36    background-color:  $gray-light;
  37 }
  38 .skin-blue table .navbar {
  39     background-color: $body-bg;
  40
  41 }
  42 .skin-blue .navbar .pagination>li.disabled >a{
  43     background-color: $gray-light;
  44 }
  45 .skin-blue table .navbar {
  46     margin-bottom: 0;
  47     min-height: 0;
  48 }
  49
  50 .table .sortable
  51 {
  52     cursor: pointer;
  53     i.fa-arrow-up,
  54     i.fa-arrow-down
  55     {
  56          margin-right: 6px;
  57     }
  58 }
  59
  60 .table-body-fixed tbody {
  61    overflow-y: scroll;
  62    width: 100%;
  63 }
  64 .table-body-fixed  thead,
  65 .table-body-fixed  tbody,
  66 .table-body-fixed th   {
  67   display: block;
  68 }
  69 .table-body-fixed thead {
  70     overflow:  hidden;
  71     user-select: none;
  72 }
  73
  74
  75 .table-body-fixed tbody td,
  76 .table-body-fixed thead > tr> th {
  77     float: left;
  78     border-bottom-width: 0;
  79     /* long headers? and body ?*/
  80     overflow: hidden;
  81     white-space: nowrap;
  82     text-overflow: ellipsis;
  83
  84 }
  85
  86 /** -- the dragable column bar */
  87 .table-body-fixed thead > tr:hover th .x-grid-split {
  88     position: absolute;
  89     top: 0px;
  90     /*right: 0;*/
  91     width: 9px;
  92
  93     height: 100%;
  94     background: transparent;
  95     cursor: col-resize;
  96 }
  97 .table-body-fixed thead > tr:hover th .x-grid-split:before {
  98     position: absolute;
  99     content: " ";
 100     top: 15%;
 101     right: 4px;
 102     width: 1px;
 103
 104     height: 70%;
 105     background: black;
 106     cursor: col-resize;
 107 }
 108 /** vertical bar indicating that columns are being moved.  */
 109 .x-grid-resize-proxy {
 110     z-index: 40009;
 111     position: absolute;
 112     background: #666;
 113     border: 1px solid #000;
 114     overflow: hidden;
 115     cursor: col-resize;
 116     overflow: hidden;
 117     width: 2px;
 118 }
 119
 120
 121
 122 /* fake infinate widt.. */
 123 .table-body-fixed thead > tr,
 124 .table-body-fixed tbody > tr
 125 {
 126     display: block;
 127     overflow: hidden;
 128 }
 129
 130 /* standard bootstrap does not colour rows very well.. */
 131
 132 .table > tbody > tr.info
 133 {
 134   background-color: $state-info-bg; //#d9edf7;
 135 }
 136
 137 .table-hover > tbody > tr.info:hover
 138 {
 139   background-color: darken($state-info-bg, 5%); //#c4e3f3;
 140 }
 141
 142 .table tfoot .navbar {
 143     min-height : inherit;
 144 }
 145
 146 /* for ie11 && edge: fixing height inheriting from tbody to tr */
 147 .roo-ie11 table.table tbody tr,
 148 .roo-edge table.table tbody tr
 149 {
 150     height: auto;
 151 }