nezha-nezha-fronted/nezha-fronted/src/assets/css/components/common/bottomBox/panelTabNew.scss

.panel-tab-new {
  .panel {
    height: 100%;
  }
  .no-data {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -54px;
    .no-data-div {
      color: $--color-text-regular;
    }
  }
  .panel .el-table {
    border-radius: 5px;
  }

  .panel-list-width {
    width:240px;
  }

  .panel-dropdown-title {
    line-height:24px;
    padding-left:5px;
    margin-left:10px;
    margin-top: 3px;
    text-align:left;
    border-radius:4px;
    width:120px;
    height:24px;
    border:solid 1px  #d8dce1;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  .panel-list-title {
    min-height:24px;
    width:100px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }

  .panel-list-item {
    width:190px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
  }

  .content-right-option {
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
  }

  .content-right-option .nz-icon-delete {
    color: #F98D9A;
  }

  .content-right-option .nz-icon-delete:hover {
    color: #D96D7A;
  }

  .content-right-option .nz-icon-view {
    color: #60BEFF;
  }

  .content-right-option .nz-icon-view:hover {
    color: #409EFF;
  }

  /* begin-chart list*/
  .table-list {
    overflow-y: auto;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
  }

  .box-content {
    position: relative;
  }

  /* end-chart list*/
  /* begin--Panel-自定义可编辑的el-select下拉框样式*/
  .panel-dropdown-btn {
    display: inline-block;
    margin-left: 7px;
    float: right;
    color: #60BEFF;
    font-size: 13px
  }

  .panel-dropdown-btn:hover {
    color: #409EFF;
  }

  .panel-dropdown-btn-create {
    display: inline-block;
    float: left;
    font-size: 13px;
    color: #F98D9A;
    width: 100%;
  }

  .panel-dropdown-btn-create:hover {
    color: #D96D7A;
  }

  .panel-dropdown-btn-delete {
    color: #F98D9A;
    font-size: 13px
  }

  .panel-dropdown-btn-delete:hover {
    color: #D96D7A;
  }

  .panel-dropdown-error-message {
    color: #F98D9A;
  }

  /* end--Panel-自定义可编辑的el-select下拉框样式*/
  .panel-select-width {
    width: 150px;
  }

  .panel-refresh-interval {
    margin-right: 5px;
    float: right;
  }

  .panel-refresh-interval-select {
    width: 95px;
  }

  .panel-calendar {
    float: right;
  }

  .top-tools {
    button {
      background: $--background-color-empty;
      outline: none;
      border: 1px solid #ccc;
    }
    button:hover:not(.footer__btn) {
      background: $--background-color-empty;
    }
    .nz-btn-style-normal {
      background: $--button-primary-background-color;
      color: $--button-primary-color;
      border: 1px solid $--button-primary-background-color;
    }
    .el-dialog__headerbtn{
      border: none;
    }
    .footer__btn {
      background-color: $--color-primary;
      border: none;
    }
    .footer__btn.footer__btn--light {
      background-color: $--button-light-hover-background-color;
      border: 1px solid $--button-light-border-color;
      color: $--button-light-color;
    }
  }
  .date-range-panel{
    .el-button--primary{
      color: $--color-text-label2;
      background-color: $--color-primary;
      border-color: $--color-primary;
    }
    .el-button--primary:hover{
      color: $--color-text-label2;
      background-color: $--color-primary;
      border-color: $--color-primary;
    }
  }

  .nz-dashboard-dropdown {
    height: 300px;
    overflow-y: auto;
    li {
      /*padding: 0 20px !important;*/
      padding-left:20px !important;
      padding-right:0px !important;
      width:240px;
      white-space:nowrap;
      overflow-x:hidden;
      text-overflow:ellipsis;
    }
  }

  .nz-dashboard-dropdown-bg {
    background: $--color-primary;
    color: #fff;
  }

  .el-dropdown-link {
    cursor: pointer;
  }

  .refresh {
    display: flex;
    background: $--background-color-empty;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    border: 1px solid #ccc;

    span {
      display: inline-block;
      padding: 1px 8px;
    }
  }

  .popover_ul li {
    padding: 10px 3px;
    cursor: pointer;
  }

  .popover_ul li:hover {
    background: #fafafa !important;
    color: $--color-primary !important;
  }

  .nz-dashboard-refresh {
    border-right: 1px solid #ccc;
    color: #F0BF84;
  }
}
.nz-dashboard-dropdown {
  z-index: 3001 !important;
}
.panel-calendar {
  .el-range-editor--mini.el-input__inner {
    height: 25px !important;
    border-color: #d8d8d8;
  }

  .el-range-editor--mini .el-range__close-icon {
    line-height: 18px;
  }

  .el-range-editor--mini .el-range__icon {
    display: none;
  }

  .el-range-editor--mini .el-range-separator {
    line-height: 17px;
  }

  .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
    padding-right: 0;
    vertical-align: top;
  }

  .nz-dashboard-dropdown .nz-icon-edit {
    font-size: 12px;
  }
}