hy-checkbox/lib/Table/table.less

checkbox & radio ui components for react

@import "../../app/variables.less";

.pull-left{ float: left;}
.pull-right{ float: right;}
.pad-model{ padding: 0 @base-space*4 0 @base-space*2;}
.panel-body.no-padding{ padding: 0}
.panel-table{
    .panel-heading{ background: #fff;padding: @base-space*2 0}
    .panel-body{padding:0 @base-space*2 @base-space/2*3 @base-space*2}
    .panel-top{
       .panel-top-title{ margin:-8px -15px 0 -15px; padding:8px 16px; background: #fff; font-size: 16px; border-top-left-radius:3px; border-top-right-radius:3px;border-bottom: 1px #e0e0e0 solid}
       .panel-title{ padding:@base-space 0 0 0;}
    }
   
    .form-search{ border:none;border-bottom: 1px #f4f4f4 solid;border-radius: 0}
}
.@{ult-prefix}-table{ font-size: 12px;border-bottom:1px solid #e0e0e0;
   span.badge{width: 8px; height: 8px; border-radius:50%; display: inline-block; padding: 0; min-width: auto; margin: 0 8px 0 0;}
   .bg-primary{ background: @primary;}
   .bg-warning{ background: @warning;}
   .bg-danger{ background: @danger;}
   .bg-success{ background: @success;}
   table{ width: 100%;}
   tbody tr::before{ display: none;}
   tbody tr td:first-child{padding:@base-space*2 @base-space;
    .checkbox-inline div{margin-top: 0}
   
    }
    thead tr th:first-child{.checkbox-inline 
       div{margin-top: 0}
    }
   thead tr th{ font-size: 14px; color:rgba(0,0,0,0.87); font-weight: normal;border-bottom:2px solid rgba(0,0,0,0.14);padding: @base-space @base-space 14px @base-space;
      .dropdown-toggle{ color: rgba(0,0,0,0.87);}
      &:first-child{text-align: center;padding-right:@base-space;
        .icheckbox_flat-primary{margin-right: 0}
      }
       .@{ult-prefix}-dropdown > a{ font-size: 14px;  color:rgba(0,0,0,0.87); line-height: 16px;}
       
   }
   tbody tr td{font-size: 12px; color: rgba(0,0,0,0.65);padding: @base-space*2 @base-space;border-top: 1px solid rgba(0,0,0,0.05);line-height: @base-space*2;
      .btn-group a i.iconfont{ color: rgba(0,0,0,0.35);font-size: 12px;cursor: pointer;
      &:hover{color: rgba(0,0,0,0.75);}
      }
      a.dropdown-toggle{ color: @primary}
      &:first-child{text-align: center;
        .icheckbox_flat-primary{margin-right: 0}
      }
      &:last-child{
        .btn-group > a{cursor: pointer;
          .iconfont,.iconfont:hover{color: @primary}
        }
      }
       .@{ult-prefix}-dropdown > a{  line-height: 16px;}
    }
   tbody tr:hover td,tbody tr:nth-of-type(odd){ background:#f6f8fa}
 thead tr th,tbody tr td{
   .@{ult-prefix}-checkbox{ display: inline-block; margin: 0; height: 14px; width:14px;}
 }
.@{ult-prefix}-placeholder{padding: 16px 8px;background: #fff;border-bottom: 1px solid #e9e9e9;text-align: center;position: relative;} 
}
.pagination>li.first,.pagination>li.last{ display: none;}

div.dataTables_info{margin-left: 0 !important}
div.dataTables_paginate{margin-right: -8px !important}

.table-flex{ display: flex; justify-content: space-between; padding-bottom: @base-space*2; border-bottom: 1px solid @bg-body;}
.table_high_search{ padding: @base-space*2 0; background:@default;}