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 .navbar .pagination {
  20     margin: 0;
  21 }
  22
  23
  24 /* these are technicall adminlte related */
  25 .skin-blue  .navbar .pagination > li > a:active,
  26 .skin-blue  .navbar .pagination > li > a:focus,
  27 .skin-blue .navbar .pagination>li>a {
  28     background-color: $brand-primary;
  29
  30 }
  31 .skin-blue  .navbar .pagination > li > a:hover
  32 {
  33    background-color:  $gray-light;
  34 }
  35 .skin-blue table .navbar {
  36     background-color: $body-bg;
  37
  38 }
  39 .skin-blue .navbar .pagination>li.disabled >a{
  40     background-color: $gray-light;
  41 }
  42 .skin-blue table .navbar {
  43     margin-bottom: 0;
  44     min-height: 0;
  45 }
  46
  47 .table .sortable {
  48     cursor: pointer;
  49 }
  50
  51 .table-body-fixed tbody {
  52    overflow-y: scroll;
  53    width: 100%;
  54 }
  55 .table-body-fixed  thead,
  56 .table-body-fixed  tbody,
  57 .table-body-fixed th   {
  58   display: block;
  59 }
  60 .table-body-fixed thead {
  61     overflow:  hidden;
  62 }
  63
  64
  65 .table-body-fixed tbody td,
  66 .table-body-fixed thead > tr> th {
  67   float: left;
  68   border-bottom-width: 0;
  69 }
  70
  71 /* fake infinate widt.. */
  72 .table-body-fixed thead > tr,
  73 .table-body-fixed tbody > tr
  74 {
  75     display: block;
  76     overflow: hidden;
  77 }
  78
  79 /* standard bootstrap does not colour rows very well.. */
  80
  81 .table > tbody > tr.info
  82 {
  83   background-color: $state-info-bg; //#d9edf7;
  84 }
  85
  86 .table-hover > tbody > tr.info:hover
  87 {
  88   background-color: darken($state-info-bg, 5%); //#c4e3f3;
  89 }
  90
  91 .table tfoot .navbar {
  92     min-height : inherit;
  93 }
  94
  95 /* for ie11 && edge: fixing height inheriting from tbody to tr */
  96 .roo-ie11 table.table tbody tr,
  97 .roo-edge table.table tbody tr
  98 {
  99     height: auto;
 100 }