@import './base.less';
//公有云-面板
.gyy_panel(@padding-lr:@page-padding){
  margin-left: @padding-lr;
  margin-right: @padding-lr;
  margin-bottom: 0;
  .yyui-panel-head {
    display: block;
    height: 38px;
    padding: 6px 15px 6px 5px;
    border-top: 1px solid @border-color;
    border-bottom: 1px solid @border-color;
    border-left: 0;
    border-right: 0;
    background-color: @bg_title_color;
    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 8px;
      display: block;
      width: 2px;
      height: 22px;
      background-color: @theme_color;
    }
    .yyui-panel-title {
      color: @font-color-base;
    }
  }
  .yyui-panel-body{
    padding: 10px;
    //面板下的工具栏
    >.yyui-toolbar{
      background-color: white;
      padding: 0;
    }
    //面板下的多页签
    >.yyui-tabs {
      .ant-tabs-bar {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid @border-color;
      }
      .ant-tabs-content {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
}

//公有云-多页签
.gyy_tabs(){
  .ant-tabs-bar{
    background-color: white;
    padding-left: @page-padding;
    padding-right: @page-padding;
    border-bottom: 0;
    .ant-tabs-nav {
      .ant-tabs-tab-active .ant-tabs-tab-inner {
        color: @theme_color;
      }
      .ant-tabs-tab-inner:hover {
        color: @theme_color;
      }
    }
    .ant-tabs-ink-bar {
      background-color: @theme_color;
    }
  }

  .ant-tabs-content {
    .ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden){
      padding-left: 0;
      padding-right: 0;
      /**页签下的面板**/
      > .yyui-panel {
        .gyy_panel(0)
      }
    }
  }
}
//公有云-分页栏
.gyy_pagination(){
  .ant-pagination .ant-pagination-item-active {
    background-color: #fff;
    border-color: @theme_color;

    a {
      color: @theme_color;
    }
  }
  .ant-pagination-item {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;

    a:hover {
      color: @theme_color;
    }
  }

  .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-prev {
    margin-right: 0;
  }

  .ant-pagination-prev {
    border-radius: @border_radius 0 0 @border_radius;
  }

  .ant-pagination-next {
    border-radius: 0 @border_radius @border_radius 0;
  }

  .ant-pagination-options-quick-jumper input {
    border-radius: @border_radius;
    text-align: center;
  }

  .ant-pagination-item:hover,
  .ant-pagination .ant-pagination-prev:hover,
  .ant-pagination .ant-pagination-next:hover,
  .ant-pagination .ant-select-selection:hover,
  .ant-pagination .ant-select-selection:focus,
  .ant-pagination-options-quick-jumper input:hover,
  .ant-pagination-options-quick-jumper input:focus,
  .ant-pagination .ant-pagination-jump-next:focus {
    border-color: @theme_color;
    box-shadow:none;
    a {
      color: @theme_color;
    }
  }

}