@import './base.less';
@import './mixin.less';
@import "../../../formcontrols/checkbox/style/mixin.less";

/**公有云-表格列表页面**/
.@{theme}.ijz-table-page.yyui-page,
.@{theme}.ijz-table-page.yyui-page .ant-spin-container{
  >.yyui-toolbar{
    width: 100%;
    padding-left: @page-padding;
    padding-right:@page-padding;
  }
}
/**公有云-基础页面**/
.@{theme}.yyui-page,
.@{theme}.yyui-page .ant-spin-container{
  background-color: @bg_color;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  .full-width{
    width: 100% !important;
    padding-left: @page-padding !important;
    padding-right:@page-padding !important;
  }
  /* 顶部栏 */
  >.yyui-area{
    background-color: white;
    margin-bottom: @page-padding/2;
    height: 50px;
    padding-left: @page-padding;
    padding-right:@page-padding;
    display: flex;
    align-items: center;
    .yyui-caption{
      font-size: 21px;
    }
    .yyui-breadcrumb{
      padding-bottom: 5px;
      background-color: white;

      > span:last-child{
        font-weight: bold;
        color: @font-color-title;
      }
    }
  }
  /* 工具栏 */
  >.yyui-affix .yyui-toolbar,//工具栏固定的情况
  >.yyui-toolbar{
    background-color: @bg_color;
    width: @view_content_width;
    margin: 0 auto;
    padding-left: 0;
    padding-right:0;

    /**搜索栏默认居右**/
    .yyui-search{
      float: right;
      .yyui-input{
        min-width: 280px;
      }
    }
  }


  /**单列表**/
  >.yyui-table-wrapper{
    margin-left: @page-padding;
    margin-right: @page-padding;
  }

  /* 步骤条 */
  .ant-steps.ant-steps-vertical.yyui-steps{
    background-color: transparent;
    padding: 0;
    .ant-steps-title{
      font-size: 14px;
      font-weight: 400;
      background: transparent;
    }
    .ant-steps-head{
      background: transparent;
    }
  }
  .ant-steps.yyui-steps {
    background-color: @bg_color;
    padding: @page-padding 15% @page-padding;
    .ant-steps-head {
      background-color: @bg_color;
    }

    .ant-steps-title{
      font-size: 16px;
      font-weight: 400;
      background: @bg_color;
    }
    .ant-steps-item {
      &.ant-steps-status-process{
        .ant-steps-head-inner {
          border-color: @theme_color;
          background-color: @theme_color;
        }
      }
      &.ant-steps-status-finish {
        .ant-steps-head-inner {
          border-color: @theme_color;
          background-color: transparent;
          & > .ant-steps-icon {
            color: @theme_color;
          }
        }
        .ant-steps-tail > i:after {
          background: @theme_color;
        }
      }
    }
  }
  >.ant-steps.yyui-steps{
    width: @view_content_width;
    margin: 0 auto;
  }

  /**面板**/
  .yyui-panel {
    .gyy_panel();
  }
  >.yyui-panel{
    width: @view_content_width;
    margin: 0 auto;
  }

  /**多页签**/
  .yyui-tabs{
    .gyy_tabs();
    margin: 0 25px;
  }
  >.yyui-tabs{
    width: @view_content_width;
    margin: 0 auto;
  }

  /**表格**/
  .yyui-table{
    .ant-table{
      .checkbox(ant-checkbox,@theme_color);
      th{
        background-color: #eaeaea;
        border-right:1px solid #d9d9d9;//标题边线颜色
        border-bottom: 1px solid #d9d9d9;
      }
      tr:nth-child(even){
        background-color: #fafdff;//斑马线颜色
      }
      tr.yyui-table-row-disable{
        background-color: #f3f3f3;//行禁用颜色
        td{
          color: #aaa;
        }
      }
      tr.yyui-table-row-selected {
        background: #fbf6aa;//行激活颜色
      }
      tr.ant-table-row-hover,
      tr:hover:not(.ant-table-expanded-row):not(.yyui-table-inner-filter-row):not(.yyui-table-inner-total-row){
        background: #bfe4fa !important;//行hover颜色
      }
      td{
        border-bottom: 1px solid #e5e5e5;//网格线颜色
        &.ant-table-selection-column,&.ant-table-rownum {
          background: transparent;
        }
      }
    }
  }
  /**多选框**/
  .yyui-checkbox,.yyui-checkboxgroup{
    .checkbox(ant-checkbox,@theme_color);
  }
  /**分页栏**/
  .gyy_pagination;
}
.yyui-subPage {
  margin: 0 20px;
  .yyui-panel{
    .yyui-panel-icon::before{
      color:#999999 !important;
      font-size: 12px !important;
    }
    &-head{
      padding-left: 18px !important;
    }
  }
}