@jecloud/ui/es/grid/style/index.less

JECloud UI库，基于ant-design-vue封装

@import './vxe-table/index.less';
@import './sortablejs.less';
@import '../../panel/style/index.less';
@import '../../pager/style/index.less';

.je-grid{
  .je-pager{
    border-style: solid;
    border-color: @vxe-table-border-color;
    border-width:0 1px 1px 1px;
  }
  &.is--loading{
    .vxe-table--empty-placeholder{
      display: none;
    }
  }
  .vxe-body--column{
    .switch-cell{
      display: inline-block;
      .switch-cell-item{
        cursor: pointer;
        display: inline-block;
        .switch-cell-item-icon + .switch-cell-item-label{
          margin-left:4px;
        }
      }

      &.switch-layout-checkbox{
        .switch-cell-item-icon{
          font-size: 18px;
        }
        .switch-cell-item-checked{
          color:@primary-color;
        }
        &:hover{
          .switch-cell-item-icon{
            color:@primary-color;
          }
        }
      }
      &.switch-layout-buttons{
        .switch-cell-item{
          border:1px solid @border-color-base;
          padding:0 15px;
          line-height: 24px;
          margin-right:-1px;
          &:hover{
            color: @primary-color;
          }
          &:last-child{
            margin-right:0;
          }
          & &-icon{
            font-size: 12px;
          }
        }
        
        .switch-cell-item-checked{
          color:@primary-color;
          border-color:@primary-color;
          background-color: fade(@primary-color,10%);
          &+.switch-cell-item{
            border-left:@primary-color;
          }
        }
      }

    } 
    .action-cell{
      display: inline-flex;
      align-items: center;
      &-button{
        margin:0 12px;
        color:@primary-color;
        cursor: pointer;
        &-icon{
          font-size: 16px;
        }
        &.is--disable{
          cursor:not-allowed;
          .action-cell-button-icon,
          .action-cell-button-text{
            color:#d9d9d9 !important;
          }
        }
        &.is--hidden{
          display: none;
          & + .action-cell-separator{
            display: none;
          }
        }
      }
      &-separator{
        background-color: @border-color-base;
        height: 16px;
        width: 1px;
        display: block;
        &:last-child{
          display: none;
        }
      }
    }
  }
}