/* 自定义全局样式 */
// 修改element-ui的table进度条样式
.el-table {
  .el-table__body-wrapper::-webkit-scrollbar {
    width: 8px; /*滚动条宽度*/
    height: 8px; /*滚动条高度*/
  }

  /*定义滚动条轨道 内阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-track {
    //box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的背景区域的内阴影*/
    border-radius: 10px; /*滚动条的背景区域的圆角*/
    //background-color: rgba(255, 255, 255, 0); /*滚动条的背景颜色*/
  }

  /*定义滑块 内阴影+圆角*/
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
    //box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的内阴影*/
    border-radius: 10px; /*滚动条的圆角*/
    background-color: rgba(0, 0, 0, 0.15); /*滚动条的背景颜色*/
  }

  /* 兼容firefox(进度条样式) */
  .el-table__body-wrapper {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) rgba(255, 255, 255, 0);
  }

  /* 自定义固定列的高度 */
  .el-table__fixed,
  .el-table__fixed-right {
    height: 100% !important;
  }
}

// 自定义列表头像样式
.custom-avatar {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  vertical-align: middle;
}

// 自定义列表图片样式
.custom-image {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}

// 自定义我的任务模块布局
.task-container {
  display: flex;
  width: 100%;

  .task-left-menu {
    width: 120px;
    align-items: stretch;

    .el-tabs {
      height: 100%;
    }
  }

  .task-right-content {
    //flex-grow: 1;
    width: calc(100% - 120px);
    padding-left: 20px;
  }
}

// input[type=number]
.custom-input__number input::-webkit-outer-spin-button,
.custom-input__number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.custom-input__number input[type='number'] {
  -moz-appearance: textfield;
  line-height: 1px !important; // 解决光标上移
}
