.tableheader-popper-editbox {
  .ql-toolbar.ql-snow {
    padding: 0px 5px;
  }
  .ql-picker-label {
    display: flex;
  }
  .ql-snow .ql-tooltip:not(.ql-hidden) {
    display: flex;
    align-items: center;
  }
  .ql-snow .ql-tooltip[data-mode='link']::before,
  .ql-snow .ql-tooltip::before {
    content: '链接';
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    content: '确定';
  }
  .ql-snow .ql-tooltip a.ql-action::after {
    content: '修改';
  }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: '清除';
  }
  .ql-container.ql-snow {
    min-height: 60px;
  }
}
.tableheader-popper-box {
  .tableheader-popper-content-box {
    display: flex;
    justify-content: space-between;
  }
  .tableheader-popper-content {
    a {
      color: #3491fa;
      text-decoration: underline;
    }
  }
  .tableheader-popper-img-box {
    display: flex;
    align-items: center;
  }
  .tableheader-popper-img {
    width: 100%;
    display: flex;
    align-items: center;
    flex: 0;
    margin-left: 6px;
    position: relative;
    width: 60px;
    height: 60px;
    img {
      display: block;
    }
    span {
      display: block;
      position: absolute;
      bottom: 0;
      width: 60px;
      height: 14px;
      line-height: 14px;
      left: 0;
      background: #00000059;
      color: white;
      text-align: center;
      font-size: 12px;
    }
  }
  .tableheader-popper-time {
    text-align: right;
    margin-top: 10px;
    font-size: 12px;
    line-height: 12px;
    color: #c9cdd4;
  }
}
.tableheader-popper-editdialog {
  .dialog-footer {
    display: flex;
    justify-content: space-between;
    .action-buttons {
      flex: 1;
    }
  }
}
.bi-tableheader {
  .el-popper__reference-wrapper {
    cursor: help;
  }
}